*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }
html{ font-family: '微软雅黑',Arial;color: #fff;background-color:#fff;font-size: 62.5%;}
h3,h4,h5,h6,a,span,p{color: #fff;font-family:'微软雅黑',Arial;font-weight: normal;display: block;}
img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;color: inherit;}
body,html {height: 100%;width: 100%;}
.imgbox {overflow: hidden;position: relative;}

:root {
  --dex: #1367ea;
}

@font-face {
  font-family: "fcmeGotham";
  font-display: swap;
  src: url("../font/fcmeGotham-Bold.ttf") format("truetype"),
       url("../font/fcmeGotham-Book.ttf") format("truetype");
}


.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.fl { float: left; }
.fr { float: right; }
input,.form-change select{ -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 


@font-face{
	font-family:"alibb";
  font-display: swap;
	src: url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
      url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"),
  /* url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"), */
		   /* url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg'); */
}

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}



/* h5 */
.drawer-nav { display: none; }
.drawer-hamburger{display: none;} 
.i_h5_banner {display: none ;}
.i02_h5 {display: none;}
.nicc2 {display: none;}
.i06_h5 {display: none;}


.icenter {width: 1500px;margin: auto;}
/* head */
.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;border-bottom: 1px solid rgba(255,255,255,0.3);}
.head { display: flex;justify-content: space-between;align-items: center; height: 100px;width: 90%;margin: auto;}
.div1 .left  a .logo1 {display: none;}
.div1 .left  a .logo2 {display: block;}
.div1 .left  a img{width: 200px;}
.div1 .head .right {width: 71%;display: flex;justify-content: space-between;align-items: center;}
@media screen and (min-width:1600px) and (max-width:1700px){ .div1 .head .right {width: 74%;} }

.div1 .head .right ul{display: flex;width: 66%;}
.div1 .head .right ul li .a {position: relative;color: inherit;}
.div1 .head .right ul li { position:relative; font-size: 18px;color: #fff;margin: 0 24px;height: 100%;line-height: 100px;}
.div1 .head .right ul li .a::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; width: 0; height: 4px; background: var(--dex); transition: all 0.65s; }
.div1 .head .right ul li .a:hover::after{width: 100%;}
.div1 .head .right ul li .last-nav { display: none; position: absolute; top: 100%; left: calc(50%); transform: translateX(-50%); width: 180px; background: #fff; text-align: center; z-index: 99999; line-height: 30px; transition: none; background-color: rgba(255,255,255,0.9); box-shadow: 0px 2px 2px rgb(34 34 34 / 30%); }
.div1 .head .right ul li .last-nav a:hover { color: var(--dex); background-color: #fff; }
.div1 .head .right ul li:hover .last-nav { display: block; animation: lastnav 0.55s; -webkit-animation: lastnav 0.55s; }
@keyframes lastnav { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes lastnav { from { opacity: 0; } to { opacity: 1; } }
.div1 .head .right ul li .last-nav a { font-size: 15px; color: #333; line-height: 50px; width: 100%; display: inline-block; position: relative; transition: none; }
.div1 .head .op {display: flex;align-items: center;}
.div1 .head .op .search {    font-size: 23px; color: #fff; margin-right: 26px;}
.div1 .head .op .lang {display: flex;justify-content: center;align-items: center;width: 180px;height: 40px;border: 1px solid rgba(255,255,255,0.3);border-radius: 30px;}
.div1 .head .op .lang img { transition: 0s;  width: 24px; margin-right: 10px; filter: grayscale(10) brightness(10);}
.div1 .head .op .lang a {font-size: 16px;color: #fff;position: relative;}
.div1 .head .op .lang a:nth-of-type(2){margin: 0 14px;}
.div1 .head .op .lang a:nth-of-type(2)::before {    content: ""; position: absolute; left: -8px; top: 50%; transform: translateY(-50%); height: 16px; width: 2px; background-color: rgba(255,255,255,0.3); }
.div1 .head .op .lang a:nth-of-type(2)::after {content: ""; position: absolute;right: -8px;top:50%;transform: translateY(-50%);height: 16px;width: 2px;background-color: rgba(255,255,255,0.3);}

.div1:hover,.div2  {background-color: #fff;    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 20%);}
.div2 .head .right ul li .a ,.div1:hover .head .right ul li .a,.div3 .head .right ul li .a {color: #666;}
.div1:hover .left  a .logo1,.div2 .left  a .logo1 ,.div3:hover .left  a .logo1{display: block;}
.div1:hover .left  a .logo2,.div2 .left  a .logo2 ,.div3:hover .left  a .logo2{display: none;}
.div1:hover .head ul li .a,.div2 .head ul li .a,.div3:hover .head ul li .a {color: #666;}
.div1:hover .head .op .search,.div2 .head .op .search ,.div3:hover .head .op .search{color: #666;}
.div1:hover .head .op .lang,.div2 .head .op .lang,.div3:hover .head .op .lang {border: 1px solid rgba(0, 0, 0, 0.2);}
.div1:hover .head .op .lang img ,.div2 .head .op .lang img,.div6:hover .head .op .lang img{filter: invert();}
.div1:hover .head .op .lang a,.div2 .head .op .lang a,.div3:hover .head .op .lang a {color: #666;}
.div1:hover .head .op .lang a:nth-of-type(2)::before,.div1:hover .head .op .lang a:nth-of-type(2)::after,
.div2 .head .op .lang a:nth-of-type(2)::before,.div2 .head .op .lang a:nth-of-type(2)::after,
.div3:hover .head .op .lang a:nth-of-type(2)::before,.div3:hover .head .op .lang a:nth-of-type(2)::after
 {background-color: #dfdfdf;}

.div1 .head .op .search:hover {color: var(--dex)!important;}
.div1 .head .right ul li .a:hover {color: var(--dex)!important;}
.div1 .head .op .lang a:hover {color: var(--dex)!important;}



/* common */
.more {      color: #Fff; transition: all .5s;  z-index: 1;  overflow: hidden; position: relative; background-color: var(--dex); border: 1px solid var(--dex);font-size: 18px;font-family: arial;width: 157px;height: 41px;display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.more:hover { color: var(--dex); }
.more::after { content: ''; width: 0; height: 100%; background-color: #FFFFFF; position: absolute; top: 0; left: 0; transition: all .5s; z-index: -1; }
.more:hover::after { width: 100%; }
.more2 {background-color: transparent;color: var(--dex);}
.more2:hover {color: #fff;}
.more2::after{background-color: var(--dex);}
.more2.active {background-color: var(--dex);color: #fff;}



/* i_banner */
.i_banner {height: 100%;overflow: hidden;position: relative;}
.i_banner .bg video { width: 100%; height: 100%; object-fit: cover; display: block; }
.i_banner .iSwiper {height: 100%;overflow: hidden;}
.i_banner .box {height: 100%;}
.i_banner .box .bg{height: 100%;} 
.iSwiper .bg img{ height: 100%; transition: 5s;   animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }
.iSwiper .swiper-slide-active .bg img{    transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.i_banner .box .text{ z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.i_banner .box::after{ content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; }
.i_banner .box .h3_img {width: 670px;margin-bottom: 24px;}
.i_banner .box h4 {font-size: 34px;color: #fff;margin-bottom: 40px;}
.i_banner .box a {    display: flex; justify-content: space-between; padding-left: 28px; padding-right: 4px;font-size: 15px;} 
.i_banner .box a i {width: 36px;height: 36px;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255,255,255,0.3);}
.i_banner .box a i img {width: 15px;filter: grayscale(10) brightness(10);transition: 0s;}
.i_banner .box a:hover i {border-color: var(--dex);}
.i_banner .box a:hover i img {filter: none;}
.i_banner .box a:hover {background-color: #fff!important;}
.i_banner .box a::after { padding-left: 0px;justify-content: unset;}
.i_banner .road {position: absolute; left: 5%; bottom: 8%; display: flex; align-items: center; z-index: 2;}
.i_banner .road .content  {margin:0 20px;display: flex;align-items: flex-end;font-size: 30px;font-family: alibb;    height: 29px; line-height: 29px;}
.i_banner .road .content .sp_1 {    font-size: 30px; color: #fff; height: 29px; line-height: 29px;}
.i_banner .road .content .sp_2 {font-size: 16px; color: #fff; height: 20px; line-height: 20px;}
.i_banner .road .fa {background-image: none; position: unset;width: auto;height: auto;margin: 0px;padding: 0px;font-size: 28px;color: #fff;}
.i_banner .tool {position: absolute;right: 7%;bottom: 0%;display: flex;flex-direction: column;justify-content: center;align-items: center;    z-index: 2;}
.i_banner .tool a {width: 27px;margin-bottom: 25px;}
.i_banner .tool a img {transition: 0s; filter: grayscale(10) brightness(10);}
.i_banner .tool a:hover img {filter: none;}
.i_banner .tool .scroll  { height: 60px;width: 30px;position: relative;margin-top: 70px;    cursor: pointer;}
.i_banner .tool .scroll::before {content: ""; position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 1px;height: 100%;background-color: rgba(255,255,255,0.3);}
.i_banner .tool .scroll span{font-size: 16px; font-family: arial; color: #fff; position: absolute; left: 50%; transform: translateX(-50%) rotate(90deg); top: -76%;}
.i_banner .tool .scroll .dot { opacity: 1;  animation: hua 1.5s infinite linear;  width: 5px; height: 5px; background-color: #fff; position: absolute; top: 0px; left: 50%;transform: translateX(-50%);}

@keyframes hua {
  100%{
    top: 120%;
    opacity: 0;
  }
}
@-webkit-keyframes  hua {
  100%{
    top: 120%;
    opacity: 0;
  }
}


/* i01 */
.i01 {padding: 100px 0 120px;position: relative;overflow: hidden;}
.i01 .bot {display: flex;justify-content: space-between;height: 622px;}
.i01 .bot .left {width: 47.3%;padding-left: 34px;position: relative;height: 100%;overflow: hidden;}
.i01 .bot .left .imgbox {height: 100%;}
.i01 .bot .left .imgbox img{height: 100%;}
.i01 .bot .left:hover  img{transform: scale(1.1);}
.i01 .bot .left img {height: 100%;}
.i01 .bot .left .date {position: absolute;left: 0px;top: 45px;background-color: var(--dex);width: 130px;height: 113px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.i01 .bot .left .date h4 {    font-size: 52px; color: #fff; margin-bottom: 4px; height: 52px; line-height: 52px;    font-family: arial;}
.i01 .bot .left .date h5 {font-size: 18px;color: #fff;    font-family: arial;}
.i01 .bot .left .b_text { opacity: 0; transform: translateY(200px); transition: 0.5s;  color: #fff; font-size: 28px; position: absolute; bottom: 0px; width: calc(100% - 34px); height: 162px;    background: linear-gradient(to top ,#363636 0% ,rgba(0,0,0,0) 100% ); display: flex;  right: 0px;    padding:  40px; text-align: left;}
.i01 .bot .left:hover .b_text {opacity: 1; transform: translate(0px);}
.i01 .bot dl {height: 100%; width: 49%;}
.i01 .bot dl dd {height: calc((100% - 30px)/4);background-color: #f5f5f5;margin-bottom: 10px;}
.i01 .bot dl dd:hover {background-color: var(--dex);}
.i01 .bot dl dd a {height: 100%;display: flex;align-items: center;padding: 0 42px;}
.i01 .bot dl dd:last-child{margin-bottom: 0px;}
.i01 .bot dl dd .le {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;    margin-right: 64px;}
.i01 .bot dl dd .le::after {    content: ""; position: absolute; right: -32px; top: 50%; transform: translateY(-50%); height: 92px; width: 1px; background-color: #e7e7e7;}
.i01 .bot dl dd .le h4 {font-size: 52px; color: var(--dex); margin-bottom: 5px; height: 52px; line-height: 52px;     font-family: arial;}
.i01 .bot dl dd .le h5 {font-size: 18px;color: #666666;     font-family: arial;}
.i01 .bot dl dd .ri {width: 450px;}
.i01 .bot dl dd .ri h4 {font-size: 24px;color: #1c1d18;margin-bottom: 12px;}
.i01 .bot dl dd .ri h5 {font-size: 14px;font-family: arial;color: #666666;    display: flex;align-items: center;}
.i01 .bot dl dd .ri h5 span {    transition: 0.3s; left: 0px; position: relative; color: #666666; margin-left: 5px; top: -2px;}
.i01 .bot dl dd:hover .ri h5 span {left: 15px;}
.i01 .bot dl dd:hover .le h4, .i01 .bot dl dd:hover .le h5,.i01 .bot dl dd:hover .ri h4 ,.i01 .bot dl dd:hover .ri h5,.i01 .bot dl dd:hover .ri h5 span{color: #fff;}

/* i02 */
.i_top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.i02 .bot  {position: relative;overflow: hidden;}
/* .i02 .bot::before {   position: absolute; left: 0px; top: 0px; content: ""; background-color: rgb(0,0,0,0.1); width: 45%; height: 100%; z-index: 2; backdrop-filter: blur(5px);} */
.i02 .bot .nav {position: relative;left: 0px;height: 100%;width:49%;z-index: 2;padding-left: calc((100% - 1500px)/2);}
.i02 .bot .swiper,.i02 .bot .swiper .imgbox{height: 100%;}
.i02 .bot .swiper {position: absolute;left: 0px;top: 0px;    width: 100%;}
.i02 .bot .nav .a { cursor: pointer; transition: 0.3s; display: flex; justify-content: space-between; padding: 30px 0;position: relative;    align-items: center;    min-height: 130px;}
.i02 .bot .nav .a:nth-child(1).on {display: block;}
.i02 .bot .nav .a .t {width: 100%; display: flex; justify-content: space-between;align-items: center;}    
.i02 .bot .nav .a .b {display: none; z-index: 1; position: relative; padding-left: 72px; padding-top: 5px;     max-height: 260px;}
.i02 .bot .nav .a .b a { width: 80%;   font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.7); padding-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.i02 .bot .nav .a .b a:hover {color: rgba(255,255,255,1)}
.i02 .bot .nav .a::before { opacity: 0;transition: 0.3s; position: absolute; content: ""; left: -58%; top: 50%; transform: translateY(-50%); width: 163%; height: 100%; background-color: var(--dex);}
.i02 .bot .nav .a  .le { position: relative;z-index: 1;   display: flex; align-items: center;}
.i02 .bot .nav .a  .le img {width: 40px; margin-right: 32px;}
.i02 .bot .nav .a  .le span {font-size: 18px;color: #fff;}
.i02 .bot .nav .a .ri { opacity: 0;  transition: 0.3s; font-size: 55px; color: #fff; height: 40px; line-height: 35px;position: relative;z-index: 1; }
.i02 .bot .nav .a.active .ri {opacity: 1;}
.i02 .bot .nav .a.active::before {opacity: 1;}
.i02 .bot .imgbox img {  transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);height: 100%;}
.i02Swiper .swiper-slide-active .imgbox img{ transform: scale(1.1); }
.i02Swiper .swiper-slide-active .imgbox video {width:100%;height:100%;object-fit: cover}



/* i03 */
.i03 {padding: 114px 0 80px;position: relative;overflow: hidden;background-color: #ebebeb;}
.i03 .icenter {height: 545px;position: relative;}
.i03 .top {display: flex;justify-content: center;align-items: center;margin-bottom: 40px;flex-direction: column;}
.i03 .top .nav {margin-top: 20px;display: flex;justify-content: center;}
.i03 .top .nav a.active {background-color: var(--dex);}
.i03 .top .nav a.active span {color: #fff;}
.i03 .bot { position: relative; width: fit-content; margin: auto;}
.i03 .bot::after {position: absolute;content: "";width: 100%;height: 210px;border-radius: 180px;background-color: #fff;right: -76%;top: 40%;transform: translateY(-50%);}
.i03 .bot::before {position: absolute; content: ""; width: 100%; height: 210px; border-radius: 180px; background-color: #fff; left: -76%; top: 40%; transform: translateY(-50%);}
.i03 .bot .cc {overflow: hidden;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    width: 100%;height: 100%;    z-index: 1;}
.i03 .bot .box h4{ font-size: 40px;font-family: arial;font-weight: bold;color: #333333;margin-bottom: 5px;text-align: center;margin-top: 13px;}
.i03 .bot .box:hover h4 {color: var(--dex);}
.i03 .bot .box h5{opacity: 0; font-size: 16px;color: #666666;line-height: 26px;text-align: center;    width: 566px;}
.i03 .top .nav .more {margin-right: 20px;}
.i03 .top .nav .more::after {background-color: #fff}
.i03 .top .nav .more:hover::after {background-color: #fff;}
.i03 .top .nav .more:hover {color: var(--dex);}
.i03 .top .nav .more.active::after  {background-color: var(--dex);}
.i03 .top .nav .more.active:hover::after {background-color: var(--dex);}
.i03 .top .nav .more.active:hover {color: #fff;}
.i03 .top .nav .more:nth-of-type(4){margin-right: 0px;}
.i03 .more {border-width: 1px;}
.i03 .swiper-slide .box img{   height: 88px; margin: auto;width: auto;}
.i03 .swiper-slide  {height: 490px;position: relative;}
.i03 .swiper-slide .box {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.i03 .swiper-slide .box h4 {font-size: 16px;}
.i03 .swiper-slide-active .box img{height: 407px;}
.i03 .swiper-slide-active .box h4 {font-size: 40px;}
.i03 .i03Swiper {padding: 20px 0;}
.i03 .bot .swiper-slide-active .box h5 {opacity: 1;}
.i03 .bot .fa {background-image: none;width: 58px;height: 58px;display: flex;justify-content: center;align-items: center;background-color: #f5f5f5;border-radius: 50%;    top: 39%;outline: none;}
.i03 .bot .fa img {transition: 0s;}
.i03 .bot .fa:hover img{filter: grayscale(10) brightness(10);}
.i03 .bot .fa:hover {background-color: var(--dex);}
.i03 .bot .fa img {width: 28px;}
.i03 .bot  .fa-left {transform: rotateY(180deg);    left: -22px;}
.i03 .bot  .fa-right {right: -22px;}
.i03 .icenter .cc {display: none;}
.i03 .bot .fa_nav {display: none;}
.i03 .icenter .cc.active{display: block;z-index: 3;}
.i03 .bot .fa_nav.active{display: block;z-index: 3;}



/* i04 */
.i04 {padding: 135px 0; position: relative;overflow: hidden;margin-bottom: 135px;}
.i04 .icenter {position: relative;top: 70px;}
.i04 p {font-size: 20px; line-height: 38px; color: #333333; margin: 32px 0 41px;width: 37%;}
.i04 dl {margin-top: 50px;width: 40%;flex-flow: wrap;display: flex;}
.i04 dl dd { width: 23%; display: flex; margin-bottom: 48px; margin-right: 2.62%;}
.i04 dl dd:nth-of-type(5),.i04 dl dd:nth-of-type(6),.i04 dl dd:nth-of-type(7),.i04 dl dd:nth-of-type(8){margin-bottom: 0px;}
.i04 dl dd:nth-of-type(4n) {margin-right: 0px;}
.i04 dl dd .box {display: flex;justify-content: center;align-items: center;flex-direction: column;    width: 72px;}
.i04 dl dd img{width: 50px;}
.i04 dl dd:hover img{transform: rotateY(180deg);}
.i04 dl dd span{font-size: 16px;color: #666666;margin-top: 14px;}
.i04 dl dd:hover span {color: var(--dex);}
.i04 .bg {position: absolute; right: 0px; width: 51%; top: 135px; height: 750px;}

.i04 .bg video{object-fit: cover;height: 90%;width: 110%;}


/* i05 */
.i05{display: flex;position: relative;overflow: hidden;}
.i05 .left{width: 64.7%;position: relative;overflow: hidden;}
.i05 .left .box {height: 100%;}
.i05 .left .box img{height: 100%;}
.i05 .left .text {position: absolute;left:17%;top: 50%;transform: translateY(-50%);    z-index: 1;}
.i05 .left .text .i_h3 {color: #fff;    margin-bottom: 26px;}
.i05 .left .text .icon img {width: 53px;}
.i05 .left .text .icon {margin-bottom: 22px;}
.i05 .left .text p {position: relative; padding-top:30px;border-top: 30px; font-size: 18px;line-height: 30px;margin-bottom: 70px;border-top: 2px solid rgba(255, 255, 255 , 0.5); width: 520px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}
.i05 .left .text p::before{position: absolute;content: "";width: 100px;height: 2px;background-color: var(--dex);top: -2px;}
.i05 .left .text a:hover {border-color: var(--dex);}
.i05 .left .text a {border: 1px solid #fff;color: #fff;}
.i05 .left .text a span{color: #fff;}
.i05 .left .swiper {height: 100%;    overflow: hidden;}
.i05 .left .swiper .box {height: 100%;}
.i05 .left .swiper .box .imgbox{height: 100%;}
.i05 .left .swiper .box .imgbox img {  transition: 5s;   animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }
.i05Swiper_L .swiper-slide-active .imgbox img{    transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.i05 .left .swiper .box::after{content: ""; position: absolute;top: 0;left: 0px;width: 100%;height: 100%;     background: linear-gradient(to right,rgba(0,0,0,0.4),transparent 85%);}
.i05 .left .swiper .box .imgbox img{height: 100%;}
.i05 .left .swiper .swiper-wrapper {width: 100%;height: 100%;}
.i05 .left .swiper .swiper-wrapper .swiper-slide{ width: 100%; height: 100%; }
.i05 .right {    z-index: 1; width: 35.3%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 110px 130px 100px;background-color: #f5f5f5;}
.i05 .right  .cc {margin-bottom: 14px;}
.i05 .right  .cc h4 {color: #666666; text-align: center; font-size: 20px; margin-top: 8px;}
.i05 .right p {font-size: 16px;color: #666666;margin-bottom: 62px; text-align: center;}
.i05 .right .box{    margin-bottom: 188px; position: relative; }
.i05 .right .num {display: flex;align-items: center;}
.i05 .right .num .sp_1{font-size: 16px;color:  var(--dex);}
.i05 .right .num .line {width: 20px;height: 1px;margin: 0 15px;background-color:#666666 ;}
.i05 .right .num .sp_2 {font-size: 16px;color: #666666;}
.i05 .right .box .swiper { border-radius: 90px; width: 278px; height: 136px;overflow: hidden;}
.i05 .right .box .i05Swiper_S_ri-prev,.i05 .right .box .i05Swiper_S_ri-next {outline: none; font-size: 24px;color:  var(--dex); border-radius: 50%; border: 1px solid  var(--dex); top: 225px; background-image: none; background-color: #fff;width: 50px;height: 50px;border: 1px solid  var(--dex);justify-content: center;align-items: center;display: flex;box-sizing: border-box;}
.i05 .right .box .i05Swiper_S_ri-prev {left: 28%!important;}
.i05 .right .box .i05Swiper_S_ri-next {right: 28%!important;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.i05 .right .box .i05Swiper_S_ri-prev img,.i05 .right .box .i05Swiper_S_ri-next img {width: 23px;transition: 0.1s;}
.i05 .right .box .i05Swiper_S_ri-prev:hover,.i05 .right .box .i05Swiper_S_ri-next:hover {background-color: var(--dex);}
.i05 .right .box .i05Swiper_S_ri-prev:hover img,.i05 .right .box .i05Swiper_S_ri-next:hover img {filter: grayscale(1) brightness(10);}
.i05 .right .box .swiper .imgbox{height: 100%;}
.i05 .right .box .swiper .imgbox img{height: 100%;}

.i05 .right .box .swiper .imgbox img{  transition: 5s;   animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: forwards; }
.i05 .right .box .swiper .swiper-slide-active .imgbox img{    transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }


/* i06 */
.i_h3 {position: relative;font-size: 50px;color: #333333;font-weight: bold;}
.i06 {padding-top: 110px;position: relative;overflow: hidden;}
.i06 .top {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 42px;}
.i06 .top h4 {font-size: 30px;color: var(--dex);font-family: alibb;}
.i06 .top .i_h3 {margin: 13px 0 46px;}
.i06 .top .i_h3::after {content: ""; position: absolute;width: 43px;height: 4px;background-color: var(--dex);bottom: -22px;left: 50%;transform: translateX(-50%);}
.i06 .top p {font-size: 16px;color: #666666;}
.i06 .bot {padding: 30px 0 30px; position: relative;}
.i06 .bot::after {     content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(184, 198, 211, 0.45); position: absolute; left: 0; top: 0;}


.i06 .bot .icenter div.imgbox{
  height: 470px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}
.i06 .bot .icenter .imgbox div.core{
  /* width: 206px; */
  height: 100px;
  /* background-color: #5799ff; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
}
.i06 .bot .icenter .imgbox div.core img{
  width: auto;
  height: 80px;
}

/* .i06 dl  dd:nth-of-type(1){left: 0px;top: 90px;}
.i06 dl  dd:nth-of-type(2){left: 163px;top: 0px;}
.i06 dl  dd:nth-of-type(3){left: 163px;top: 185px;}
.i06 dl  dd:nth-of-type(4){left: 324px;top: 90px;}
.i06 dl  dd:nth-of-type(5){left: 485px;top: 0px;} */
/* .i06 dl dd:nth-of-type(3):hover .core img {filter: grayscale(10) brightness(65);} */ 
/* .i06 dl  dd:nth-of-type(6){left: 485px;top: 185px;}
.i06 dl dd:nth-of-type(6):hover .core img {filter: grayscale(10) brightness(120);}
.i06 dl  dd:nth-of-type(7){left: 647px;top: 90px;}
.i06 dl  dd:nth-of-type(8){left: 808px;top: 0px;}
.i06 dl  dd:nth-of-type(9){left: 808px;top: 185px;}
.i06 dl  dd:nth-of-type(10){left: 971px;top: 90px;}
.i06 dl  dd:nth-of-type(11){left: 1134px;top: 0px;}
.i06 dl  dd:nth-of-type(12){left: 1134px;top: 185px;}
.i06 dl  dd:nth-of-type(13){left: 1295px;top: 90px;}
 */

/* footer */
footer {padding: 80px 0 25px;position: relative;border-bottom: 6px solid var(--dex);background-color: #fff;}
.icenter2 {width: 1250px;margin: auto;}
footer .logo {width: 210px;}
footer .mid {display: flex;margin-top: 28px;justify-content: space-between;    position: relative;}
footer .mid dl {display: flex;justify-content: space-between;margin-bottom: 20px;}
footer .mid .f_nav {width: 194px;margin-right: 70px;}
footer .mid .le .f_nav:nth-of-type(4) {margin-right: 0px;}
footer .mid .f_nav h4{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #d8d8d8;position: relative;}
footer .mid .f_nav h4::after {content: ""; position: absolute;bottom: -1px;width: 30px;height: 1px;background-color: #1367ea;}
footer .mid .f_nav h4 a{font-size: 18px;color: #333333;}
footer .mid .f_nav .min a{font-size: 16px;color: #666666;margin-bottom: 8px;    width: fit-content;}
footer .mid .f_nav .min a:hover {color: var(--dex);}
footer .mid .f_nav.ri {margin-right: 0px;}
footer .zixun {position: relative;padding: 22px 0;}
footer .mid::after {z-index: 1; content: ""; position: absolute; top: 48%; width: 30px; height: 1px; background-color: #1367ea;}
footer .mid::before {content: ""; position: absolute; top: 48%; width: 100%; height: 1px; background-color: #ddd;}
footer .zixun::before {position: absolute;top: 0px;width: 30px;height: 1px;background-color: var(--dex);}
footer .zixun h4 {font-size: 18px;color: #333333;margin-bottom: 6px;}
footer .zixun a {font-size: 26px;font-weight: bold;color: var(--dex);margin-bottom: 4px;}
footer .zixun p {font-size: 14px;color: #666666;line-height: 24px;}
footer .bot {display: flex;justify-content: space-between;padding-top: 24px;border-top:1px solid #d8d8d8 ;}
footer .bot .share {display: flex;margin-bottom: 16px;}
footer .bot .power .t_power{display: flex;margin-bottom: 5px;}
footer .bot .power .t_power .p_a {font-size: 14px;color: #666666;position: relative;}
footer .bot .power .t_power a:nth-of-type(1){padding: 0 10px;margin: 0 10px;}
footer .bot .power .t_power a:nth-of-type(1)::after {content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%);height: 15px;width: 1px;background-color: #949494;}
footer .bot .power .t_power a:nth-of-type(1)::before {content: "";position: absolute;right: 0px;top: 50%;transform: translateY(-50%);height: 15px;width: 1px;background-color: #949494;}
footer .bot .power .b_power {display: flex;}
footer .bot .power .b_power span {font-size: 14px;color: #666666;    margin-right: 5px;}
footer .bot .power .b_power a {font-size: 14px;color: #666666;position: relative;}
footer .bot .power .b_power a:hover {color: var(--dex);}
footer .bot .power .b_power a:nth-of-type(2){padding: 0 10px;margin: 0 10px;}
footer .bot .power .b_power a:nth-of-type(2)::after {content: "";position: absolute;left: 0px;top: 50%;transform: translateY(-50%);height: 15px;width: 1px;background-color: #949494;}
footer .bot .power .b_power a:nth-of-type(2)::before {content: "";position: absolute;right: 0px;top: 50%;transform: translateY(-50%);height: 15px;width: 1px;background-color: #949494;}
footer .bot .ri  ul {display: flex;}
footer .bot .ri  ul li {margin-left: 14px;}
footer .bot .ri  ul li img {width: 85px;}
footer .bot .ri  ul li span {font-size: 14px; color: #666666; margin-top: 10px; text-align: center;}


/* share */
footer .bot .share { display: flex; display: -webkit-flex; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; -webkit-align-items: center; }
footer .bot .share li a { display: block; width: 26px; }
footer .bot .share li:hover .popup { opacity: 1; display: block; }
footer .bot .share li .popup{ display: block; position: absolute; bottom: 20px; right: -10px; width: 144px; height: 160px; transition: all .3s; opacity: 0; display: none; }
footer .bot .share li .er-code{ padding: 4px; border-radius: 4px; background: #fff; -ms-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); -o-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%); }
footer .bot .share li .triangle{ position: absolute; background: #fff; -ms-box-shadow: 4px 4px 8px rgba(0,0,0,.1); -o-box-shadow: 4px 4px 8px rgba(0,0,0,.1); box-shadow: 4px 4px 8px rgb(0 0 0 / 10%); z-index: 8; width: 11px; height: 11px; bottom: 16px; right: 16px; transform: translateY(50%) rotate(45deg); }
footer .bot  li { position: relative; margin-right: 20px; }
footer .bot  li:last-child {margin-right: 0px;}
footer .bot .le {    display: flex; justify-content: space-between; flex-flow: row-reverse; width: 100%; }


/* cb-link */
.cb-link{    z-index: 88; width: 60px;position: fixed;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);display: none;}
.cb-link a{    background-color: var(--dex);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: 60px;width: 60px;margin-bottom: 2px;transition: all .3s;position: relative;z-index: 1;}
.cb-link a:nth-of-type(3){z-index: 0;}
.cb-link a i{font-size: 24px;color: #FFFFFF;width: 100%;height: 100%;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color:var(--dex);position: relative;z-index: 1;display: flex;display: -webkit-flex;}
.cb-link a .fa-whatsapp {font-size: 28px;}
.cb-link a:last-child{margin-bottom: 0;}
.cb-link a.cb_ins img{width: 30px;}
.cb-link a:hover>i,.cb-link a:hover{background-color: #5799ff;}
.cb-link a p{ position: absolute;top:0;left: 0;background-color:var(--dex);height: 100%;width: auto;display:none;-webkit-align-items: center;align-items: center;font-size: 16px;color: #FFFFFF;padding: 0 20px;opacity: 0;transition: all .3s;z-index: -1;white-space: nowrap;}
.cb-link a p i{margin-left: 30px;}
.cb-link a:hover p{ display:flex; animation:cb_link 0.3s forwards linear}
.cb-link a p.ewmjpg{top: 50%;margin-top: -70px;height: 140px;padding: 10px;}
.cb-link a p.ewmjpg img{display: block;width: auto;height: 100%;}

@keyframes cb_link {
    100%{
        transform: translateX(-100%);-webkit-transform: translateX(-100%);opacity: 1;
    }
}
/* com */
.icenter3 {  width: 1400px; margin: auto; position: relative; z-index: 3;}
.innerbanner {    position: fixed; top: 0px; left: 0px; height: fit-content; z-index: 0; width: 100%; overflow: hidden;}
.innerbanner img {height: 750px;animation: mysacle 4s ease both;}
@keyframes mysacle {
  0% {
      transform: scale(1.15);
  }
}
.fx { margin-top: 750px; position: relative; background-color: #fff; z-index: 10; }
.innerbanner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }
.innerbanner .text{    z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.innerbanner .text h3 {    font-size: 70px; font-weight: bold; color: #fff; margin-bottom: 14px; line-height: 73px;}
.innerbanner .text h4 {font-family: arial;color: #fff;font-size: 22px; text-transform: uppercase;}
.com_nav {        width: 100%; z-index: 1; position: absolute; left: 50%; transform: translateX(-50%); top: -100px; background-color: rgba(18, 103, 234,0.7); height: 100px;}
/*  .com_nav.active {      top: 100px; position: fixed; z-index: 88; height: fit-content; -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); background-color: rgba(18, 103, 234,0.8);}
 */ .com_nav a {       position: relative; padding: 0 28px; color: #fff; font-size: 20px; opacity: 0.5; height: 100%; line-height: 100%; display: flex; align-items: center;}
 .com_nav a:hover {opacity: 1;font-weight: bold;}
 .com_nav a:nth-of-type(1) {padding-left: 0px;}
.com_nav a:nth-of-type(1)::after {display: none;}
.com_nav a::after {position: absolute;content: "";left: 0px;top: 50%;transform: translateY(-50%);height: 17px;width: 1px;background-color: #fff;}
 .com_nav a.active {font-weight: bold;opacity: 1;}
 .com_nav .icenter3 {display: flex;justify-content: space-between;height: 100%;}
 .com_nav .icenter3  .le {font-size: 32px; color: #fff; display: flex; align-items: center; font-weight: bold;}
 .com_nav .icenter3  .ri {display: flex;}
/* vi_box */
.vi_box {     top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: 100%;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width: 70%; height: 68%;}
/* .vi_box .box  .video .close {position: absolute; font-size: 50px; right: -34px; top: -51px; color: var(--dex); transition: 0.3s; cursor: pointer;} */
.vi_box .box  .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}


/* company */
.com01 {padding: 150px 0 115px; position: relative; overflow: hidden;} 
.com01 .icenter3 {position: relative; }
.com01 .content {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;position: relative;}
.com01 .bg {   width: 1450px; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%,-50%);}
.com01  .con_wen {    position: absolute; right: -16px; top: 19px; color: #bdb9b9; font-family: arial; padding-top: 5px; border-top: 1px solid #bdb9b9; transform: rotate(-270deg);}
.com01 .top {    display: flex; justify-content: flex-end; align-items: center; width: 42%; padding-right: 4%;}
.com01 .top .le {position: relative;}
.com01 .top .le h3 {font-size: 38px;font-weight: bold;color: #333333;line-height: 55px; margin-bottom: 24px;top: -15px;}
.com01 .top .le h4 {color: #333;font-size: 24px;color: #333;line-height: 34px;margin-bottom: 20px;position: relative;margin-bottom: 20px;}
.com01 .top .le h4::before {position: absolute; content: ""; width: 70px; height: 2px; background-color: var(--dex); top: -14px;}
.com01 .top .le p {font-size: 16px;color: #666666;line-height: 30px;}
.com01  .ri {width: 52%; position: relative;}
.com01  .ri video{    width: 100%; height: 584px; position: relative; object-fit: cover;}
.com01  .ri .bo { cursor: pointer; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);   z-index: 3;}
.com01  .ri .bo img {width: 80px;}
.com01 dl {display: flex;justify-content: space-between;justify-content: space-between;margin-top: 76px;}
.com01 dl dd {width: fit-content}
.com01 dl dd  .c {display: flex;margin-bottom: 10px;}
.com01 dl dd:hover img {transform: rotateY(180deg);}
.com01 dl dd img {     height: 56px; width: auto; position: relative; top: -2px; margin-right: 10px;}
.com01 dl dd h4 {     margin-bottom: 10px;   font-size: 60px; font-weight: bold; color: #333333; display: flex;}
.com01 dl dd strong {font-size: 60px;font-weight: bold;color: #333333;    line-height: 50px;font-family: 'arial'; letter-spacing: -1px;}
.com01 dl dd span { font-size: 18px; color: #666666;}
.com01 dl dd:hover h4,.com01 dl dd:hover strong  {color: var(--dex);}
.com01 .ri .mask { -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: 1; }
.com01  .ri .mask:before { position: relative; content: ''; display: block; margin-top: 100%; }
.com01  .ri .mask:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.com01  .ri:hover .mask{-webkit-animation:anim-out 1s;animation:anim-out 1s}
.com01  .ri:hover .mask:after{-webkit-animation:anim-out-pseudo 1s;animation:anim-out-pseudo 1s}
@-webkit-keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@keyframes anim-out{0%{width:0%}
100%{width:100%}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
@keyframes anim-out-pseudo{0%{background:rgba(255,255,255,.5)}
100%{background:0 0}
}
.com01 .circle {    position: absolute; left: 54%; top: 51%; transform: translate(-50%,-50%) rotate(-90deg);}
.com01 .circle .arc  {stroke-dashoffset: 138px; stroke-dasharray: 138px, 138px;}
.com01 .circle.active .arc { animation: stroke1 4s linear forwards; stroke-dashoffset: 138px; stroke-dasharray: 138px, 138px;}
@keyframes  stroke1 {
    100%{
      stroke-dashoffset: -138px;
    }
}

.com02 {position: relative;overflow: hidden;height: 778px;display: flex;}
.com02 .box::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }
.com02 .content {width: 100%;}
.com02 .content .com02Swiper {height: 100%;width: 100%;}
.com02 .ding_wen{   position: absolute; left: 8%; top: 15%; z-index: 12;display: flex;}
.com02 .ding_wen .icon {width: 176px; margin-right: 10px; opacity: 0.5;}
.com02 .ding_wen h3 {    font-size: 36px; font-weight: bold; color: #fff; margin-bottom: 17px;}
.com02 .ding_wen h4 {font-family: arial;font-size: 18px;color: #fff;    opacity: 0.6;} 
.com02 .ding_wen .img {       position: absolute; left: 50%; top: 77%; width: 427px; z-index: -1; transform: translate(-50%, -50%);}
.com02 .bot_nav {    position: absolute; bottom: 0px; left: 0px; border-top: 1px solid rgba(255, 255, 255 , 0.3); display: flex; align-items: center; z-index: 1; width: 100%;}


.com02 .bot_nav .g {    display: flex; width: 33.3%; align-items: center; padding: 30px 6%; justify-content: space-between; box-sizing: border-box;position: relative;    cursor: pointer;}
.com02 .bot_nav .g::before {position: absolute;top: -1px;left: 0px;width: 0;content: "";background-color: var(--dex);height: 4px;opacity: 1;transition: 0s;}
.com02 .bot_nav .g span {font-size: 24px;color: #fff;}
.com02 .bot_nav .g img {width: 48px;}
.com02 .bot_nav .g.active { background-color: rgba(255, 255, 255 , 0.05); backdrop-filter: blur(7px);}
.com02 .bot_nav .g.active::before {animation: w_full 3s linear forwards;}

@keyframes w_full {
  100%{
    width: 100%;
  }
}

.com02 .box {position: relative;height: 100%;}
.com02 .box img {height: 100%;}
.com02 .box .text {      z-index: 1; position: absolute; top: 15%; right: 8%;}
.com02 .box .text h4 {color: #fff;font-weight: bold;font-size: 40px; }
.com02 .box .text p {    position: relative; font-size: 18px; color: #fff; line-height: 28px; width: 428px; margin-bottom: 62px; margin-top: 35px; }
.com02 .box .text p::before {    position: absolute; top: -18px; content: ""; left: 0px; background-color: var(--dex); width: 57px; height: 3px;}
.com02 .box .text a {}

.com03 {position: relative;overflow: hidden;padding: 100px 0;}
.pagemap{display: block;overflow: hidden;   position: relative;top: 0px;}
.pagemap .maps{ display: block;overflow: hidden;position: relative;}
.pagemap .maps .tt{position: absolute;bottom: 80px;left: 0;z-index: 1;}
.pagemap .maps .tt h3{ font-size: 44px;font-weight: bold;color: #333333;margin-bottom: 34px;}
.pagemap .maps .tt h4 {font-size: 18px;line-height: 32px;color: #666666;position: relative;}
.pagemap .maps .tt h4::before {    position: absolute; left: 2px; top: -18px; width: 52px; height: 4px; background-color: var(--dex); content: "";}
.pagemap .maps .about04min{ display: block;overflow: hidden;width: 90%;margin: 0 0 0 10%;position: relative;}
.pagemap .maps .about04min .map{display: block; width:100%; }
.pagemap .maps .about04min .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;}
.pagemap .maps .about04min .mapicon img{ display: block;width: auto;height: auto;}
.pagemap .maps .about04min .mapicon01{top: 38%; left: 19%;}
.pagemap .maps .about04min .mapicon02{top: 29%; left: 46%;}
.pagemap .maps .about04min .mapicon03{top: 39%; left: 46%;}
.pagemap .maps .about04min .mapicon04{top: 29%; left: 50%;}
.pagemap .maps .about04min .mapicon05{top: 36%; left: 51%;}
.pagemap .maps .about04min .mapicon06{top: 38%; left: 56%;}
.pagemap .maps .about04min .mapicon07{top: 23%; left: 62%;}
.pagemap .maps .about04min .mapicon08{top: 47%; left: 68.5%;}
.pagemap .maps .about04min .mapicon09{top: 40%; left: 75%;}
.pagemap .maps .about04min .mapicon10{top: 44%; left: 75%;}
.pagemap .maps .about04min .mapicon11{top: 62.5%; left: 75.5%;}
.pagemap .maps .about04min .mapicon12{top: 40.5%; left: 77%;}
.pagemap .maps .about04min .mapicon13{top: 44%; left: 77%;}
.pagemap .maps .about04min .mapicon14{top: 49%; left: 78%;}
.pagemap .maps .about04min .mapicon15{top: 42%; left: 79%;}
.pagemap .maps .about04min .mapicon16{top: 34%; left: 80%;}
.pagemap .maps .about04min .mapicon17{top: 37%; left: 82%;}
.pagemap .maps .about04min .mapicon18{top: 42%; left: 85%;}
.pagemap .maps .about04min .mapicon.hide{opacity: 0;}

.com04 { background: url(../images/com04_bg.jpg); background-size: cover;  z-index: 1; background-attachment: fixed;/* padding: 127px 0 167px; */position: relative;}
.com04::after { content: ""; display: inline-block; width: 100%; height: 100%;/* background: linear-gradient(to bottom ,rgba(255,255,255,0.8) , rgba(255,255,255,0.1)); */position: absolute; left: 0; top: 0; }
.com04 h3 {font-size: 44px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 100px;    position: relative; z-index: 1;}
.com04 dl {display: flex;justify-content: space-between;    position: relative; z-index: 1;}
.com04 dl dd {top: 0px; transition: 0.5s; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 50px 43px; position: relative; width: 31.5%; background-color: #fff; border-radius: 10px;}
.com04 dl dd:hover {top:-15px;}
.com04 dl dd .text {display: flex;flex-direction: column;justify-content: center;align-items: center; }
.com04 dl dd::after {position: absolute;content: "";bottom: 0px;left: 0px;height: 8px;width: 0%;background-color: var(--dex);border-radius: 10px;transition: 0.5s;}
.com04 dl dd:hover::after {width: 100%;}
.com04 dl dd h5{font-size: 32px;color: #333333;font-weight: bold;margin-bottom: 12px;}
.com04 dl dd:hover h5 {color: var(--dex);}
.com04 dl dd p{font-size: 16px; color: #666666; line-height: 30px; margin-bottom: 40px; text-align: center;     height: 62px; }
.com04 dl dd span{font-size: 30px;font-weight: bold;color: rgb(202, 199, 198);font-family: arial;}
.com04 dl dd .icon {left: 50%;transform: translateX(-50%);top: -18%; position: absolute;width: 135px;height: 135px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.com04 dl dd .icon img {width: 60px;}
.com04 dl dd:hover .icon img {transform: rotateY(180deg);}

.com05 {padding: 160px 0 110px;position: relative;overflow: hidden;}
.com05  h3 {    font-weight: bold; font-size: 44px;color: #333;margin-bottom: 34px;}
.com05  .bot {position: relative;display: flex;justify-content: space-between;}
.com05  .bot .le::after { content: ""; height: 3px; background: url(https://www.avimetalam.com/style/img/com05_line.png) no-repeat 0; -ms-background-size: 100% auto; background-size: 100% auto; position: absolute; top: 0; left: 0; right: 0; }
.com05  .bot .le{ width: 768px; height: 653px; background: url(https://www.avimetalam.com/style/img/com05_le.png) no-repeat 0 0; -ms-background-size: cover; background-size: cover; position: relative; padding: 60px 59px 0;  }
.com05 .bot .le .box {    height: 526px; overflow: hidden; position: relative;}
.com05  .bot .le .box .seg {margin-bottom: 40px;display: none;opacity: 0;}
.com05  .bot .le .swiper-slide-active .box .seg  {animation: fa 0.5s linear forwards;display: block; }
.com05  .bot .le .box .seg:last-child {margin-bottom: 0px;}
.com05  .bot .le .box .seg h4 {font-size: 40px;color: #1367ea;font-weight: bold;margin-bottom: 10px; line-height: 38px;   display: flex; align-items: flex-end; font-family: arial;}
.com05  .bot .le .box .seg h4 span {font-size: 20px;font-weight: bold;margin-left: 8px;color: #1367ea;line-height: 29px;}
.com05  .bot .le .box .seg p {font-size: 18px;color: #666666;line-height: 36px; }
.com05  .bot .le .fa { outline: none; top: auto; bottom: 0px; background-image: none;width: 56px;height: 56px;border-radius: 50%;border: 1px solid #a5c8ff;color: var(--dex);font-size: 28px;display: flex;justify-content: center;align-items: center;}
.com05  .bot .le .fa-angle-left {left: 59px;} 
.com05  .bot .le .fa-angle-right {right: 0px;left: 136px;} 
.com05  .bot .ri {top: -50px; width: 566px;height: 566px;border-radius: 50%;position: relative;}
.com05  .bot .ri .imgbox {border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); z-index: 0; width: 100%; height: 100%;}
.com05  .bot .ri .imgbox img {height: 100%;}
.com05  .bot .ri:hover .imgbox img{transform: scale(1.1);} 
.com05  .bot .ri .swiper {position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);width: 220px;}
.com05  .bot .ri .swiper p {display: none; opacity: 0;  font-size: 44px;font-weight: bold;font-family: arial;color: #fff;opacity: 0.6;}
.com05  .bot .ri .swiper-slide-active p {display: block; animation: fa 0.5s linear forwards; }

@keyframes fa {
  100% {
    opacity: 1;
  }
}

.zy-beyond .yuan {
  width: 1000px;
  height: 1000px;
  position: absolute;
  top: 50%;
  right: -145.4%;
  margin-top: -501px;
  background: url(../images/yuan.png) no-repeat 50%;
  -ms-background-size: cover;
  background-size: cover;
  z-index: -1;
}

.zy-beyond .yuan.base {
  -webkit-animation: yuan 4s;
  animation: yuan 4s;
}
.zy-beyond .yuan i {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #005bbb;
  position: absolute;
  top: 21.3%;
  left: 8.45%;
  overflow: hidden;
}
@keyframes yuan {
  0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-1turn);
}
}
.com05  .bot .le .ban-yuan .box {height: auto;overflow: unset;}
.ban-yuan {position: absolute;left: 0px;top: 0px;}
.ban-yuan .box.base .wrapper { -webkit-animation-duration: 0ms; -webkit-animation-delay: 10s; -webkit-animation-name: close-wrapper; }
.ban-yuan .box.base .left, 
.ban-yuan .box.base .right,
.ban-yuan .box.base .wrapper { -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear; }
.ban-yuan .wrapper { top: -1px; left: -1px; z-index: 2; clip: rect(0,58px,58px,29px); }
.ban-yuan .wrapper,
.ban-yuan { position: absolute; width: 58px; height: 58px; }
.ban-yuan .circle { width: 56px; height: 56px; border: 2px solid #005bbb; border-radius: 50%; position: absolute; clip: rect(0,29px,58px,0); }
.ban-yuan .box.base .left { -webkit-animation-duration: 20s; -webkit-animation-name: left-spin; }
.ban-yuan .box.base .right { -webkit-animation-duration: 10s; -webkit-animation-name: right-spin; }
@keyframes left-spin {

0% { -webkit-transform: rotate(0); }
100% { -webkit-transform: rotate(1turn); }

}

@keyframes right-spin {

0% { -webkit-transform: rotate(0)；; }
100% { -webkit-transform: rotate(180deg); }

}

@keyframes close-wrapper {
100% { clip: rect(auto,auto,auto,auto); }
}


.com06 {position: relative;overflow: hidden;background: url(../images/com06_bg.jpg);background-size: cover;padding: 75px 0;}
.com06  .icenter3 {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.com06  .icenter3 h4 {font-family: arial;font-size: 20px;cmargin-bottom: 8px;color: var(--dex);}
.com06  .icenter3 h5 {font-size: 34px;font-weight: bold;color: #333;margin-bottom: 32px;}
.com06  .icenter3 a { color: var(--dex);   border-color: var(--dex); background-color: transparent;}
.com06  .icenter3 a:hover {color: #fff;}
.com06  .icenter3 a::after {background-color: var(--dex);}

/* team */
.team_h3 {font-size: 44px;color: #333333;font-weight: bold;}
.team01 {padding: 145px 0 110px; position: relative; overflow: hidden;}
.team01 ul {padding: 0 130px 0 190px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 75px;}
.team01 ul li { position: relative; width: fit-content;} 
.team01 ul li .icon {    width: 137px; position: absolute; left: -30%; top: -61%;}
.team01 ul li h4 {display: flex; align-items: center; margin-bottom: 5px; line-height: 42px;}
.team01 ul li h4 strong {font-size: 55px;font-family: arial;font-weight: bold;color: #1367ea;}
.team01 ul li h5 {    font-size: 16px; color: #333333; white-space: nowrap;}
.team01 .bot {display: flex;justify-content: space-between;align-items: center;height: 611px;}
.team01 .bot .le {    width: 50%; padding: 0 87px; height: 100%; background-color: #1367ea; display: flex; flex-direction: column; justify-content: center;}
.team01 .bot .le .team_h3 {color: #fff; margin-bottom: 32px;}
.team01 .bot .le .content {  padding-top: 22px;border-top: 1px solid rgba(255,255,255,0.3);}
.team01 .bot .le .content h4 {font-size: 26px;font-family: arial;font-weight: bold;color: rgba(255,255,255,0.3);margin-bottom: 25px;}
.team01 .bot .le .content p {font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 58px;}
.team01 .bot .le  .more {border-color: #fff;}
.team01 .bot .ri { overflow: hidden;position: relative; width: 50%;height: 100%;}
.team01 .bot .ri:after { position: absolute; top: 0; left: -100%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.team01 .bot:hover .ri::after {  -webkit-animation: shine 1s ease-out .3s; animation: shine 1s ease-out .3s;}
@-webkit-keyframes shine{100%{left:125%;} }
@keyframes shine{100%{left:125%;} }
.team01 .bot:hover .ri img {transform: scale(1.1);}
.team02 {padding: 80px 0;position: relative;overflow: hidden;background-color: #f5f5f5;}
.team02 .team_h3 {text-align: center;margin-bottom: 30px;}
.team02 dl{display: flex; flex-flow: wrap;}
.team02 dl dd { overflow: hidden; position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2%; padding: 46px 35px 35px; border-radius: 10px; background-color: #fff; position: relative; top: 0px; transition: 0.3s;}
.team02 dl dd:hover {top: -10px;}
.team02 dl dd::after {content: "";position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: var(--dex);height: 10px;}
.team02 dl dd:nth-of-type(4n){margin-right: 0%;}

.team02 dl dd .text {    padding-bottom: 51px; margin-bottom: 20px; border-bottom: 1px solid #d9d9d9;}
.team02 dl dd .text .le {}
.team02 dl dd .text .le span{font-size: 14px;font-family: arial;color: #999999;margin-bottom: 22px;}
.team02 dl dd .text .le h3{font-size: 34px;color: #333;font-weight: bold;} 
.team02 dl dd .text .icon{    position: absolute; right: 12px; top: 21px; width: 130px;}
.team02 dl dd h4 {font-size: 18px;color: #666666;}
.team02 dl dd:hover .text .le h3 {color: var(--dex);}
.team03 {padding: 110px 0 ;position: relative;overflow: hidden;}
.team03 .seg {display: flex;justify-content: space-between;align-items: center;}
.team03 .seg:hover .imgbox::after {  -webkit-animation: shine 1s ease-out .3s; animation: shine 1s ease-out .3s;}
@-webkit-keyframes shine{100%{left:125%;} }
@keyframes shine{100%{left:125%;} }
.team03 .seg:hover .imgbox img {transform: scale(1.1);}
.team03 .seg .imgbox {width: 67.6%;}
.team03 .seg .imgbox:after { position: absolute; top: 0; left: -100%; z-index: 15; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.team03 .seg .text {width: 26%;}
.team03 .seg .text h4 {font-family: arial;color: #1367ea;font-size: 18px;margin-bottom: 9px;}
.team03 .seg .text .team_h3{}
.team03 .seg .text p {   font-size: 18px; color: #666666; margin: 14px 0 42px; line-height: 30px;}
.team03 .seg .text img {width: 75px;}
.team03 .seg:nth-of-type(2) { flex-flow: row-reverse; margin-top: 88px; }
.team03 .seg:hover .text img {transform: rotateY(180deg);}
.team03 .seg:hover  .text .team_h3 {color: var(--dex);}

/* honor01 */
.honor01 {position: relative;padding: 110px 0;overflow: hidden;background-color: #f5f5f5; }
.honor01 li {     border-radius: 10px; float: left; padding: 0 6px; margin-bottom: 11px; height: 307px; transition: .3s; position: relative; background-color: transparent;}
.honor01 .li1 {width: 59%;} 
.honor01 .li2 {width: 41%;}
.honor01 .li3 {width: 33.7%;}
.honor01 .li4 {width: 33.7%;}
.honor01 .li5 {width: 32.6%;}
.honor01 li a {      border-radius: 10px;    background-color: #fff;  padding: 54px 28px 30px 40px; height: 100%; transition: .3s;}
.honor01 li a .text {}
.honor01 li a .text h4 {font-size: 60px;font-family: 'alibb';color: #333333;margin-bottom: 24px;}
.honor01 li a .text h5 {font-size: 18px;color: #666666;line-height: 30px;}
.honor01 li a:hover .text h4 {color: #fff;}
.honor01 li a:hover .text h5 {color: #fff;}
.honor01 .li1 a .pic {  position: absolute; right: 36px; bottom: 27px;}
.honor01 .li2 a .pic {   position: absolute;right: 36px;bottom: 27px;}
.honor01 .li1 a .pic img , .honor01 .li2 a .pic img{  width: auto; height: 105px; }

.honor01 li a:hover { background-color: var(--dex); -ms-box-shadow: 0 0 46px #69b3ff; -o-box-shadow: 0 0 46px #69b3ff; box-shadow: 0 0 46px #69b3ff; }
.honor01 li .pic .img2, .honor01 li a:hover .pic .img1{ display: none; }
.honor01 li a:hover .pic .img2 { display: block; }
.honor01 h3 {margin-bottom: 34px; position: relative; left: 6px;}

.honor02 {padding: 115px 0 126px;position: relative;overflow: hidden;}
.honor02 .imgbox {z-index: 1;width: 49%; position: absolute; left: 0px; top: 205px;}
.honor02 .imgbox:hover img{transform: scale(1.1);}

.honor02 .imgbox:after {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 15;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.honor02 .imgbox:hover::after {
  -webkit-animation: shine 1s ease-out .3s;
  animation: shine 1s ease-out .3s;
}
.honor02  h3 {font-size: 44px; color: #333333; font-weight: bold; margin-bottom: 114px;}
.honor02 .wen {position: absolute; left: 565px;top: 18px; font-family: arial; color: rgba(54,54,54,0.08); font-size: 284px;}
.honor02 .bot {display: flex; flex-direction: column; align-items: flex-end;}
.honor02  ul  {width: 44%;}
.honor02  ul li {padding: 52px 0 24px;border-bottom: 1px solid #d1d1d1;display: flex;justify-content: space-between;align-items: center;}
.honor02  ul li h4{width: fit-content;display: flex;align-items: center;}
.honor02  ul li h4 strong{font-family: arial;color: #1367ea;font-weight: bold;align-items: center;font-size: 80px;}
.honor02  ul li .ri{width: 58.6%;}
.honor02  ul li .ri h5 {font-size: 24px;color: #333333;margin-bottom: 9px;}
.honor02  ul li .ri h6{font-size: 14px;color: #666666;line-height: 24px;}

.honor03 .top{display: flex;justify-content: center;margin-bottom: 80px;}
.honor03 .top a {margin-right: 20px;}
.honor03 .top a:after {background-color: #f5f5f5;}
.honor03 .top a:hover {color: var(--dex);}
.honor03 .top a:last-child {margin-right: 0px;}
.honor03 .top a.active {background-color: var(--dex);color: #FFFFFF;}
.honor03 .top a.active:after {background-color: var(--dex);}
.honor03 .hu_h3 {margin-bottom: 40px;text-align: center;}
.honor03 {padding: 90px 0 187px; position: relative; overflow: hidden;}
.honor03 .icenter2 {position: relative;}
.honor03 .ban {position: absolute; bottom: 144px; width: 100%;}
.honor03Swiper {overflow: hidden;height: 565px;}
.honor03 .swiper-wrapper .swiper-slide img {    width: 190px; max-height: 270px; transition: 0s; }
.honor03 .swiper-wrapper .swiper-slide-active img { width: 360px; max-height: 510px; }
.honor03 .swiper-wrapper .swiper-slide-active { margin-right: 65px !important; }
.honor03 .swiper-wrapper .swiper-slide {    display: flex; align-items: flex-end;}
.honor03 .swiper-wrapper { align-items: flex-end; }
.honor03 .fa {position: relative; right: 0px; top: 0px; margin-top: 0px; left: 0px;background: url(../image/honor_icon.png) 100%;    width: 23px; height: 49px;    outline: none;}
.honor03  .com_cc {display: flex;align-items: center;position: absolute;cursor: pointer;    z-index: 8;}
.honor03  .com_cc .text h4 {font-size: 18px;color: #999999;margin-bottom: 0px;}
.honor03  .com_cc .text h5 {font-size: 24px;color: #333333;width: 390px;}
.honor03 .le_cc .text h5 {text-align: start;}
.honor03 .ri_cc .text h5 {text-align: end;}
.honor03 .le_cc {left: 0px;top: 0px;}
.honor03 .ri_cc {right: 0px;top: 0px;    flex-flow: row-reverse;}
.honor03 .ri_cc .text h4 {text-align: right;}
.honor03 .ri_cc .text {margin-right: 18px;}
.honor03 .le_cc .text {margin-left: 18px;}
.honor03 .le_cc .fa {transform: rotate(180deg);}
.honor03Swiper  .cc {display: none;}

.honor03 .icenter3 .s_cc {display: none;}
.honor03 .icenter3 .fa_nav {display: none;}
.honor03 .icenter3 .s_cc.active{display: block;z-index: 3;}
.honor03 .icenter3 .fa_nav.active{display: block;z-index: 3;}



.honor04 {padding: 130px 0 110px;position: relative;overflow: hidden;background: url(https://www.chuandao.com/style/img/honor04_bg1.jpg);background-size: cover;    background-attachment: fixed;}
.honor04 .solu_h3 {margin-bottom: 20px;text-align: center;}
.honor04 .bot {position: relative;width: 1440px;margin: auto;overflow: hidden;}
.honor04 .botF {position: relative;width: fit-content;    margin: auto;}
.honor04 .bot .h04Swiper {overflow: hidden; padding: 20px 0;}
.honor04 .box {position: relative;top: 0px;transition: 0.3s;cursor: pointer;}
.honor04 .box .imgbox {box-shadow: 0 6px 15px rgb(0 0 0 / 20%);}
.honor04 .imgbox .con {position: unset; width: 100%}
.honor04 .box:hover {top: -15px;}
.honor04 .box:hover h4 {color:var(--dex);}
.honor04 .box h4 {font-size: 20px;font-weight: bold;color: #666666;margin-top: 24px;text-align: center;}
.honor04 .fa-angle-right:before {  position: relative; left: 2px; height: 51px; line-height: 51px; }
.honor04 .fa-angle-left:before { position: relative; right: 2px; height: 51px; line-height: 51px; }
.honor04 .swiper-button-next {    right: -87px;}
.honor04 .swiper-button-prev {    left: -87px;}
.honor04 .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);}
.fa-dr {  top: 40%!important; display: flex!important;justify-content: center;align-items: center; background-image: none!important;margin: 0px!important;padding: 0px!important;width: 51px!important;height: 51px!important;font-size: 36px!important;color: #666666;border: 1px solid #666;border-radius: 50%;}

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}
.imgshow{
  width: 60%;height: 85%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;
  /* background-color: #ffffff; */
}
.imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;object-fit: contain;}




.pro1_1 {padding: 123px 0 27px;position: relative;overflow: hidden;}
.pro1_1 .title {margin-bottom: 42px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.pro1_h3 {font-size: 44px;font-weight: bold;color: #333333;}
.pro1_1 .title p {font-size: 16px; color: #666666; line-height: 30px; position: relative; padding: 0 23.5%; text-align: center; padding-top: 22px; border-top: 1px solid #ddd; margin-top: 24px;}
.pro1_1 .title p::before {content: ""; position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 73px;height: 2px;background-color:var(--dex);}
.pro1_1 .core {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.pro1_1 .bg {}
.pro1_1 .content {font-size: 16px; color: #666; margin-top: 4px; text-align: center;}

.pro1_1 .content .tab-li{position: absolute;left: 30px;top: 30px;}
.pro1_1 .content .tab-li .img{width: 82px; height: 82px; position: relative; margin: auto;}
.pro1_1 .content .tab-li .p1{font-size: 16px;color: #333333;margin-top: 8px;text-align: center;}
.pro1_1 .content .tab-li:nth-of-type(1){left: 9.5%; top: 48%;}
.pro1_1 .content .tab-li:nth-of-type(2){left: 30.2%; top: 3%;}
.pro1_1 .content .tab-li:nth-of-type(3){left: 65.3%; top: 3%;}
.pro1_1 .content .tab-li:nth-of-type(4){left: 85%; top: 48%;}
.pro1_1 .content .tab-li .img .bg1,.pro1_1 .content .tab-li .img .bg2,.pro1_1 .content .tab-li .img .bg3,.pro1_1 .content .tab-li .img .bg4
{position:absolute;width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}
.pro1_1 .content .tab-li .img .bg1,.pro1_1 .content .tab-li .img .bg2{z-index:1}
.pro1_1 .content .tab-li .img .bg3,.pro1_1 .content .tab-li .img .bg4{z-index: 2; width: 45%; height: auto; top: 28%; left: 28%;}
.pro1_1 .content .tab-li .img .bg2{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.pro1_1 .content .tab-li .img .bg4{opacity:0}
.pro1_1 .content .tab-li.cur .bg2,.pro1_1 .content .tab-li:hover .bg2{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
.pro1_1 .content .tab-li.cur .bg4,.pro1_1 .content .tab-li:hover .bg4{opacity:1}
.pro1_1 .content .tab-li.cur .bg1,.pro1_1 .content .tab-li.cur .bg3,.pro1_1 .content .tab-li:hover .bg1,.pro1_1 .content .tab-li:hover .bg3
{opacity:0;-webkit-transform:scale(.6,.6);-ms-transform:scale(.6,.6);transform:scale(.6,.6)}
.pro1_1 .content .tab-li.cur:hover .img .bg2{ opacity: 0;
     -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.pro1_1 .content .tab-li.cur:hover .bg4{opacity: 0;}
.pro1_1 .content .tab-li.cur:hover .bg1, .pro1_1 .content .tab-li.cur:hover .bg3{
    opacity: 1;
    -webkit-transform:none;
    -ms-transform: none;
    transform: none;
}

.pro1_2 {position: relative;padding: 110px 0 125px;overflow: hidden;background: url(../images/pro1_2bg.jpg);background-size: cover;}
.pro1_2 .pro1_h3 {margin: auto; color: #fff; text-align: center; margin-bottom: 32px;}
.pro1_2  ul {width: 90%; display: flex; justify-content: space-between; margin: auto;}
.pro1_2  ul li {transition: 0.3s; height: 320px; position: relative;width: 19%; background-color: rgba(255,255,255,0.2);backdrop-filter: blur(2px);}
.pro1_2  ul li::before {position: absolute; content: ""; width: 90%; height: 90%; border: 1px solid rgba(255,255,255,0.5); left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pro1_2  ul li .content {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 68%;}
.pro1_2  ul li .content .ti {margin-bottom: 65px;}
.pro1_2  ul li .content .ti  h4 {font-size: 30px; font-weight: bold; color: #fff; margin-bottom: 6px;text-align: center;}
.pro1_2  ul li .content .ti  h5 {font-size: 16px;color: #ffff;text-align: center;}
.pro1_2  ul li .content .jia {font-size: 40px;color: #fff;text-align: center;}
.pro1_2  ul li .cc {position: absolute; opacity: 0; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 82%; transition: 0.3s;}
.pro1_2 ul li .cc a {   opacity: 0.6; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; width: 100%; position: relative; color: #fff; font-size: 16px; padding-bottom: 4px; padding-left: 15px;}
.pro1_2 ul li .cc a i {    font-size: 2rem; color: #fff;opacity: 0; position: relative; left: -15px;}
.pro1_2 ul li .cc a:hover {opacity: 1;}
.pro1_2 ul li .cc a:hover i {opacity: 1;}
/* .pro1_2 ul li .cc a::before {position: absolute; content: ""; left: -5px; width: 4px; height: 60%; background-color: #fff; top: 4px;} */
.pro1_2 ul li .cc a:last-child {margin-bottom: 0px;}
.pro1_2 ul li:hover {background-color: rgb(18, 103, 234);}
/* .pro1_2 ul li:nth-of-type(1):hover .cc {opacity: 1;}
.pro1_2 ul li:nth-of-type(1):hover  .content {opacity: 0;}
.pro1_2 ul li:nth-of-type(1):hover  .cc {opacity: 1;} */

/* pro1_3 */
.pro1_3 {position: relative;overflow: hidden;padding: 120px 0;}
.pro1_3 .seg1 {margin-bottom: 65px;}
.pro1_3 .seg1  .pro1_h3 {margin-left: 63px;}
.pro1_3 .seg1  h4 { position: relative; display: flex; width: fit-content; margin: auto; align-items: flex-end; line-height: 161px;}
.pro1_3 .seg1  h4 strong {font-size: 220px; color: var(--dex); font-family: arial;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: url(https://www.avimetalam.com/style/img/wen_bg.jpg);
  -webkit-text-fill-color: transparent;
  text-fill-color:transparent;
  background-position: center;
  animation: dong 30s linear infinite;
}

  @keyframes dong {
    100% {background-position: 1000px;}
  }
.pro1_3 .seg1  h4  span {    font-weight: bold; font-family: arial; font-size: 30px; color: #333333; line-height: 33px; margin-left: 5px;}
.pro1_3 .seg1  h4::before {    content: ""; position: absolute; left: 290px; top: 78px; width: 3000px; height: 1px; background-color: #cfcfcf;}
.pro1_3 .seg1  h4::after {    content: ""; position: absolute; right: 365px; top: 78px; width: 3000px; height: 1px; background-color: #cfcfcf;}
.pro1_3 .seg1  p {font-size: 16px;color: #666666;line-height: 26px;text-align: center;margin: auto;width: 90.3%;margin-top: 40px;}


/* nav-cont-item-bg */
.nav-cont-item-bg{    position: absolute; top: 195px; left: 50%; transform: translateX(-50%); margin-top: -10px; width: 250px;     height: 215px; border-radius: 15px; cursor: pointer; transition: all .2s;    background-color: #003e9f;}
.nav-cont-item-bg.act{display:block}
.pro1_3box{box-sizing: border-box;position: relative;}

.pro1_3box .bg01{width: auto;max-width: 70%;display: block;position: absolute;bottom:15%;left: -15%;z-index: 2;}
.pro1_3box .bg02{    width: auto; max-width: 100%; display: block; position: absolute; top: 0px; right: -263px; z-index: 0;}
/* index04imglist */
.pro1_3imglist{width: 100%; height: 80%; box-sizing: border-box; position: absolute; top: 10%; left: 0; border-radius: 20px; overflow: hidden;}
.pro1_3imglist img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;transition: all .3s;opacity: 0;visibility: hidden;}
.pro1_3imglist img.now{opacity: 1;visibility: visible;}
/* index04min */
.pro1_3min{margin: -40px auto 0;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
/* index04l-text */
.pro1_3l-text{width: 38%; position: absolute; left: 7%; box-sizing: border-box; bottom: 24%;}
.pro1_3l-text .cc {margin-bottom: 42px;}
.pro1_3l-text .cc:nth-of-type(3) {margin-bottom: 0px;}
.pro1_3l-text .cc h4 {font-size: 24px;font-weight: bold;color: #ffffff;margin-bottom: 20px;}
.pro1_3l-text .cc p {font-size: 16px;color: #fff;line-height: 30px;opacity: 0.7;} 
.pro1_3l-text .item{display: none;}
.pro1_3l-text .item:nth-of-type(2){display: block;}
.pro1_3min .more{color: #FFFFFF;border-color: #FFFFFF;margin-top: 40px;width: 140px;height: 40px;line-height: 40px;}
.pro1_3min .more:before{background-color: #FFFFFF;width: 0%;}
.pro1_3min .more:hover{color: #021d93;}
.pro1_3min .more:hover:before{width: 100%;}

/* tablist */
.pro1_3tablistwrap{width: 210px;position: relative;}
.pro1_3tablist{       width: 100%; background-color: #1367ea; position: relative; height: 780px; border-radius: 15px;}
.pro1_3tablist .item{width: 100%;box-sizing: border-box;text-align: center;position: relative;z-index: 1;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: calc(100% / 4);}
.pro1_3tablist .item img{    display: block; width: auto; height: 48px; margin: auto; margin-bottom: 6px; filter: grayscale(1) brightness(10);}
.pro1_3tablist .item h3{font-size: 14px; color: #ffffff; margin-top: 8px;}
.pro1_3tablist .item font{display: block;font-size: 16px;color: #ffffff;opacity: 0.5;}
.pro1_3l-text .item .amore {border-color: #fff;}

.pro1_3l-text .item_icon img {width: 150px;margin-bottom: 20px;}

/* pro1_4 */
.pro1_4 {position: relative;overflow: hidden;}
.pro1_4 .pro1_h3 {margin-bottom: 35px;}
.pro1_4  dl {display: flex;flex-flow: wrap;}
.pro1_4  dl dd {width: 49%; margin-right: 2%; margin-bottom: 2%; position: relative;}
.pro1_4  dl dd:nth-of-type(2n) {margin-right: 0px;}
.pro1_4  dl dd:hover .imgbox img {transform: scale(1.1);}
.pro1_4  dl dd .content {  transition: 0.3s; z-index: 1; position: absolute; left: 50px; bottom: 50px;}
.pro1_4  dl dd .content h4 {    font-size: 26px; color: #fff; font-weight: bold; margin-bottom: 22px;}
.pro1_4  dl dd .content h5 {font-size: 24px; width: 52px; height: 32px; border-radius: 30px; display: flex; justify-content: center; align-items: center; color: var(--dex); background-color: #fff; font-weight: bold;}
.pro1_4  dl dd .content h5 span {    font-size: inherit; color: inherit; font-weight: inherit; top: -1px; position: relative;}
.pro1_4  dl dd .imgbox::before {   z-index: 1; transition: 0.3s; content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }
.pro1_4  dl dd .cc {transition: 0.3s; position: absolute;left: 0px;top: 0px;padding: 50px;opacity: 0;z-index: 1;}
.pro1_4  dl dd .cc .icon {width: 59px; }
.pro1_4  dl dd .cc .bot {padding-top: 68px;margin-top: 16px;border-top: 1px solid rgba(255,255,255,0.3);}
.pro1_4  dl dd .cc .bot  h4 {font-size: 34px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.pro1_4  dl dd .cc .bot  p {font-size: 16px;line-height: 26px;color: #fff;}
.pro1_4  dl dd:hover .imgbox::before {   background-color: rgba(18, 103, 234, 0.9); } 
.pro1_4  dl dd:hover .content {opacity: 0;}
.pro1_4  dl dd:hover .cc {opacity: 1;} 


.pro1_5 {padding: 135px 0;position: relative;overflow: hidden;}
.pro1_5 .pro1_h3 {margin-bottom: 35px;}
.pro1_5 .bot {    margin-left: calc((100% - 1400px)/2); overflow: hidden;}
.pro1_5 .bot .box:hover {}
.pro1_5 .bot .box:hover .imgbox img {transform: scale(1.1);}
.pro1_5 .bot .box span {font-size: 22px;color: #333333;margin-top: 8px;text-align: center;}
.pro1_5 .bot .box:hover span {color: var(--dex);}
.pro1_5 .op {margin-top: 50px; position:relative; display: flex;align-items: center;justify-content: space-between;}
.pro1_5 .op .swiper-pagination { position: unset; width: 91%; height: 3px;background: rgba(0,0,0,.1)}  

.pro1_5 .op .fa {margin: 0px; outline: none; position: unset;background-image: none;width: 40px;height: 40px;border-radius: 50%;color: var(--dex);font-size: 24px;display: flex;justify-content: center;align-items: center;background-color: #eeeeee;}
.pro1_5 .op .fa:hover {color: #fff; background-color: var(--dex);}
.pro1_5 .op .zz {display: flex;align-items: center;}
.pro1_5 .op .zz  .fa:nth-of-type(1) {margin-right: 12px;}

/* pro1-info */
.p_info_banner img {height: 550px;}
.p_info_banner h6{font-size: 18px; color: #ffffff; margin-bottom: 7px;}
.p_info_banner h5{font-size: 50px;font-weight:bold;color: #fff;}
.p_info_banner .text { top: 57%;}

.fx1 { margin-top: 550px; position: relative; background-color: #fff; z-index: 10; }
.fx1 .content {padding: 106px 0;position: relative;width: 1200px;margin: auto; display: flex;justify-content: space-between;}
.fx1 .content .left {width: 72.5%;padding-left: 49px;}
.fx1 .content .left .title {font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 23px;position: relative;}
.fx1 .content .left .title::before {      position: absolute; content: ""; left: -52px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: var(--dex);}
.fx1 .content .left .seg {position: relative;padding-bottom: 100px;position: relative;}
.fx1 .content .left .seg img {width: auto;}
.fx1 .content .left .seg:last-child {padding-bottom: 0px;}
.fx1 .content .left .seg:last-child::before { top: 0px;}
.fx1 .content .left .seg::before {content: ""; position: absolute; left: -49px; top: 20px; height: 100%; width: 1px; background-color: #c3c3c3;}
.fx1 .content .left .seg .detail {font-size: 18px; line-height: 30px; color: #333333;padding: 26px 0;border-top: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;}
.fx1 .content .right {width: 18.2%;}
.fx1 .content .right  .cc h3 {font-size: 22px;font-weight: bold;color: #333333;margin-bottom: 21px;}
.fx1 .content .right  .cc ul li{margin-bottom: 20px;position: relative;overflow: hidden;}
.fx1 .content .right  .cc ul li .text { opacity: 0; transition: 0.3s; position: absolute;left: 0px;top: 0px;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;font-size: 20px;font-weight: bold;color: #fff;}
.fx1 .content .right  .cc ul li:hover img {transform: scale(1.1);}
.fx1 .content .right  .cc ul li:hover .text {background-color: rgba(18, 103, 234,0.9); opacity: 1;}
.fx1 .content .right .biao {margin-top: 55px;}
.fx1 .content .right .biao a {display: flex;align-items: center; padding: 16px 0;border-bottom: 1px solid #bcbcbc;}
.fx1 .content .right .biao a:nth-of-type(1){border-top: 1px solid #bcbcbc;}
.fx1 .content .right .biao a img {width: 25px;margin-right: 20px;}
.fx1 .content .right .biao a span {font-size: 14px;color: #333333;font-weight: bold;}
.fx1 .content .right .biao a:hover span {color: var(--dex);}
.fx1 .content .right .biao a:hover img {transform: rotateY(180deg);}
.fan {padding: 57px 0; background-color: #f5f5f5; padding-left: calc((100% - 1400px)/2 ); position: relative; overflow: hidden;}
.fx1 .fan {padding-left: calc((100% - 1200px)/2 );}
.fan img {width: 18px; margin-right: 12px;}
.fan span {font-size: 18px;color: #1367ea; text-decoration: underline;}
.fan a {display: flex; align-items: center; width: fit-content;}



.icenter1 {width: 1700px; margin: auto;position: relative;}
.pro02_h3 {font-size: 44px;font-weight: bold;color: #333333;}
.pro02_1 {position: relative; padding: 110px 0 175px; overflow: hidden;}
.pro02_1 .pro02_h3 {text-align: center;}
.pro02_1 p {font-size: 18px; color: #666666; line-height: 30px; margin: 16px auto 46px; text-align: center; width: 1088px}
.pro02_1 ul {display: flex; width: 816px; margin: auto; justify-content: space-between;}
.pro02_1 ul li {background-color: #89b3f4; display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px 0;width: 176px;}
.pro02_1 ul li:nth-of-type(2) {background-color: #1367ea;}
.pro02_1 ul li img {width: auto; height: 60px;}
.pro02_1 ul li span {font-size: 18px;color: #fff;margin-top: 15px;}

.pro02_1  ul {position: relative;}
.pro02_1  .c1 {position: absolute; left: 89px; bottom: -64px;}
.pro02_1  .c2 {position: absolute; right: 89px; bottom: -64px;}
.pro02_1  .c1::after,.pro02_1  .c2::after{  width: 15px; height: 15px; content: ""; position: absolute; right: -2px; top: 3px; border-top: 2px solid rgb(137, 179, 244); border-right: 2px solid rgb(137, 179, 244); transform: rotate(-45deg);}
.pro02_1  .c1 .g-rect-fill{fill: none;stroke-dasharray: 100, 296;animation: xian1 2s linear 0.6s infinite;}
.pro02_1  .c2 .g-rect-fill{fill: none;stroke-dasharray: 100, 296;animation: xian2 2s linear 0.6s infinite;}
.pro02_1  .c2::after{left: -6px; top: 3px; }

.pro02_1 ul li:hover  img {transform: rotateY(180deg);}
@keyframes xian1 {
	0% {
		stroke-dasharray: 100, 296;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 100, 296;
		stroke-dashoffset: -396;
	}
}

@keyframes xian2 {
	0% {
		stroke-dasharray: 100, 296;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 100, 296;
		stroke-dashoffset: -396;
	} 

}


.pro02_2 {padding-top: 100px;position: relative;overflow: hidden;background-color: #f5f5f5;}
.pro02_2 .seg {margin-bottom: 110px;}
.pro02_2 .seg .pro02_h3 {text-align: center;}
.pro02_2 .seg p {text-align: center;font-size: 16px;color: #666666;margin: 15px 0 36px;}
.pro02_2 .seg .box {padding: 50px 70px; background-color: #fff;}
.pro02_2 .seg .box img {height: 304px;width: auto;margin: auto;max-width: 100%;}
.pro02_2 .seg .botF {position: relative;}
.pro02_2 .seg .box .bot {margin-top: 20px;position: relative;}
.pro02_2 .seg .box .bot h4 {font-size: 30px;color: #333333;font-weight:bold;margin-bottom: 14px;}
.pro02_2 .seg .box .bot dl {margin-bottom: 17px;}
.pro02_2 .seg .box .bot dl dd  {     white-space: nowrap;position: relative; font-size: 16px; color: #666666; line-height: 30px; padding-left: 21px;}
.pro02_2 .seg .box .bot dl dd::before {content: "";position: absolute;height: 9px;width: 9px;border-radius: 50%;border: 2px solid var(--dex);top: 50%;transform: translateY(-50%);left: 0px;}
.pro02_2 .seg .box .bot h6 {  font-size: 16px; color: #999999; line-height: 28px; margin-bottom: 36px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; min-height: 84px;}
.pro02_2 .seg .box .bot .more {margin-top: 44px;}
.pro02_2 .seg .fa{background-image: none; margin: 0px; padding: 0px; font-size: 70px; color: #cdcdcd; outline: none; height: auto; width: auto;}
.pro02_2 .seg .fa-angle-left {left: -70px;}
.pro02_2 .seg .fa-angle-right {right: -70px;}
.pro02_2 .swiper {overflow: hidden;}
.pro02_2 .seg .box:hover .bot h4 {color: var(--dex);}
.pro02_2 .seg .box:hover img {transform: scale(1.1);}

.pro02_3 {position: relative;padding: 120px 0;overflow: hidden;}
.pro02_3 .icenter1{position: relative;}
.pro02_3 .icenter1 .left{width: 68%;position: relative;}

.pro02_3 .icenter1 .left .icon {position: absolute;left: 150px;bottom: -40px;width: 180px;height: 180px;background-color: var(--dex);display: flex;justify-content: center;align-items: center;}
.pro02_3 .icenter1 .left .icon img {width: 86px;}
.pro02_3 .right {position: absolute; right: 0px; top: 50%; transform: translateY(-50%); box-shadow: 5px -1px 20px rgba(0,0,0,0.2); padding: 64px 100px; background-color: #fff;}
.pro02_3 .right h4 {font-size: 38px;font-weight: bold;color: #333333;}
.pro02_3 .right p {font-size: 18px;color: #666666;margin: 10px 0 26px;}
.pro02_3 .right .g {}

.pro02_3 .right .g .a {border-bottom: 1px solid #d7d7d7; padding: 12px 0;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.pro02_3 .right .g .a:first-child {border-top: 1px solid #d7d7d7;display: block;}
.pro02_3 .right .g .a .t {display: flex;justify-content: space-between;align-items: center;}
.pro02_3 .right .g .a span {font-size: 16px;color: #333333;}
.pro02_3 .right .g .a i {    border: 5px solid #c3c3c3; border-left: 5px solid #fff; transform: rotate(-45deg); border-top: 5px solid #fff;}
.pro02_3 .right .g .a:hover span{color: var(--dex);}
.pro02_3 .right .g .a:hover i {border: 5px solid var(--dex); border-left: 5px solid #fff; border-top: 5px solid #fff;}
.pro02_3 .right .a .bot a {font-size: 14px;color: #666;line-height: 26px;    }
.pro02_3 .right .a .bot {padding: 10px;display: none;}
.pro02_3 .right .a .bot a:hover {color: var(--dex);}

.pro02_4 {padding: 175px 0;position: relative;overflow: hidden;background: url(https://www.avimetalam.com/style/img/pro02_4_bg.jpg);background-size: cover;}
.pro02_4 .top {margin-bottom: 80px;}
.pro02_4 .top h4 {font-size: 38px;font-weight: bold;color: #333333;}
.pro02_4 .top p {font-size: 20px;color: #666666;margin: 20px 0 24px;}
.pro02_4 .top .na {display: flex;align-items: center;}
.pro02_4 .top .na .more {margin-right: 15px;cursor: pointer;}
.pro02_4 .top .na .more.active {    color: #fff;}
.pro02_4 .top .na .more.active::after { background-color: var(--dex); }
.pro02_4 ul {display: none;opacity: 0;}
.pro02_4 ul.active{display: flex;animation: 0.5s u forwards;}
.pro02_4 .wen {    overflow: hidden; position: absolute; right: -112px; width:63%; top: -28px; display: flex; align-items: center;}
.pro02_4 .wen  span {position: relative; white-space: nowrap; font-family: arial;font-weight: bold;color: #ffffff;font-size: 185px;opacity: 0.6;}
.pro02_4 ul li:hover img {transform: rotateY(180deg);}
.pro02_4 ul li:hover span {color: var(--dex);}



@keyframes u {
    to{
      opacity: 1;
    }
}

.pro02_4 ul li {width: 10%;  margin-right: 5%;}
.pro02_4 ul li .icon {width: 100%;height: 100%;border-radius: 50%;border: 1px solid var(--dex);display: flex;justify-content: center;align-items: center;}
.pro02_4 ul li .icon  img {width: 69px;}
.pro02_4 ul li span {font-size: 18px; color: #666666; margin-top: 30px; text-align: center;}
.pro02_4 ul li:last-child {margin-right: 0px;}


/* pro02-info */
.pro2_info_banner {  position: relative; overflow: hidden; padding: 2% 0 5%; position: relative; background: #fff; background-size: cover; max-height: 100%; margin-top: 100px; max-height: calc(100% - 238px); min-height: calc(100% - 238px); display: flex; align-items: center; }
.pro2_info_banner .vi { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
.pro2_info_banner .vi video {width: 100%;height: 100%;object-fit: cover;}
.pro2_info_banner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); position: absolute; left: 0; top: 0; }
.pro2_info_banner .icenter3 { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.pro2_info_banner .le { padding: 0 20px; position: relative; width: 47.9%; }
.pro2_info_banner .le .fa {background-image: none; margin: 0px; padding: 0px; height: 53px; width: 53px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 31px; color: #a9a9a9; background-color: #f5f5f5; outline: none;}
.pro2_info_banner .le .fa-angle-left {left: -50px;}
.pro2_info_banner .le .fa-angle-right {right: -50px;}
.pro2_info_banner .le .fa:hover {background-color: var(--dex);color: #fff;}
.pro2_info_banner .le .swiper {overflow: hidden;}
.pro2_info_banner .le .swiper .swiper-slide  {filter: drop-shadow(0px 0px 15px rgb(102 102 102 / 20%));}
.pro2_info_banner .ri {width: 41.5%;}
.pro2_info_banner .ri .title {display: flex;align-items: flex-end;}
.pro2_info_banner .ri .title h4 {    line-height: 45px; font-size: 50px;font-weight: bold;color: #333333;font-family: arial;margin-right: 10px;}
.pro2_info_banner .ri .title h5 {font-size: 16px;color: #666666;}
.pro2_info_banner .ri p {    font-size: 16px; line-height: 26px; padding-top: 15px; margin-top: 17px; border-top: 1px solid #d1d1d1; margin-bottom: 32px; color: #666666;}
.pro2_info_banner .ri .bottom h4 {font-size: 26px;font-weight: bold;color: #333333;margin-bottom: 18px;}
.pro2_info_banner .ri .bottom dl {      flex-flow: wrap;  display: flex; width: 100%; margin-bottom: 38px;}
.pro2_info_banner .ri .bottom dl dd {width: 74px;margin-bottom: 10px;margin-right: 5px;margin-right: 10px;}
.pro2_info_banner .ri .bottom dl dd:nth-of-type(7){margin-right: 0px;}
.pro2_info_banner .ri .bottom dl dd .icon {    width: 74px; height: 74px;border-radius: 5px;border: 1px solid var(--dex);display: flex;justify-content: center;align-items: center;}
.pro2_info_banner .ri .bottom dl dd .icon img {width: 40px;}
.pro2_info_banner .ri .bottom dl dd span {font-size: 16px; color: #666666; text-align: center; margin-top: 8px;}
.pro2_info_banner .ri .bottom dl dd:hover .icon img {transform: rotateY(180deg);}
.pro2_info_banner .ri .bottom dl dd:hover span {color: var(--dex);} 

.pro2_info_banner .ri a{width: 212px; height: 44px; display: flex; justify-content: center; align-items: center;   font-size: 16px; }
.pro2_info_banner .ri a img {width: 17px; filter: grayscale(10) brightness(10); top: 1px; position: relative;}
.pro2_info_banner .ri a span {transition: 0.3s; font-size: 16px;color: #fff;    margin-right: 11px;}
.pro2_info_banner .ri a:hover span {color: var(--dex);}
.pro2_info_banner .ri a:hover img {filter: none;}
.pro2_info_banner .ri a video { display: none; }

.div3  {background-color: #fff;    box-shadow: 0 6px 15px 0 rgb(0 0 0 / 20%);}
.div3 .left  a .logo1 {display: block;}
.div3 .left  a .logo2 {display: none;}
.div3 .head ul li .a {color: #666;}
.div3 .head .op .search {color: #666;}
.div3 .head .op .lang {border: 1px solid rgba(0, 0, 0, 0.2);}
.div3 .head .op .lang img{filter: invert();}
.div3 .head .op .lang a {color: #666;}
.div3 .head .op .lang a:nth-of-type(2)::before,.div3 .head .op .lang a:nth-of-type(2)::after {background-color: #dfdfdf;}


/* vi_box */
.vi_box {     top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: auto;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width:60%; height: auto;}
.vi_box .box  .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}



.pro2info_show {padding: 44px 0;position: relative;overflow: hidden;background-color: #ced5e3;}
.pro2info_show ul {display: flex;align-items: center;justify-content: space-between;}
.pro2info_show ul li {    display: flex; align-items: center; position: relative; min-width: 340px; width: 340px;}
.pro2info_show ul li::after {    position: absolute; content: ""; height: 90%; width: 1px; background-color: #c1c4cb; left: 128%; top: 50%; transform: translateY(-50%);}
.pro2info_show ul li img {width: 58px; margin-right: 15px;}
.pro2info_show ul li span {font-size: 20px;color: #666666;}
.pro2info_show ul li:last-child:after {display: none;}
.pro2info_show ul li:hover img {transform:rotateY(180deg);}
.pro2info_show ul li:hover span {color: var(--dex);}

.pro2info_1 {padding: 100px  0;position: relative;overflow: hidden;}
.pro2info_h3 {font-size: 44px;font-weight: bold;color: #333333;margin-bottom: 35px}
.pro2info_1 ul {display: flex;flex-flow: wrap;}
.pro2info_1 ul li {     display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 8px; padding: 30px; box-shadow: 0 0 10px #ddd; background-color: #fff; top: 0px; transition: 0.3s; position: relative; width: 18.5%; margin-right: 1.85%; margin-bottom: 1.85%;}
.pro2info_1 ul li:hover {top: -15px;}
.pro2info_1 ul li:nth-of-type(5n){margin-right: 0px;}
.pro2info_1 ul li img {    width: 45px; z-index: 1; }
.pro2info_1 ul li:hover img {transform: rotateY(180deg);}
.pro2info_1 ul li .icon {   align-items: center; border: 1px solid #ddd; width: 104px;height: 104px;border-radius: 50%;display: flex;justify-content: center;background-color: rgb(247, 248, 251);position: relative;}
.pro2info_1 ul li .icon::after {    width: 80%; height: 80%; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius: 50%; background: linear-gradient(to bottom,rgb(132, 177, 247),rgb(28, 109, 236));}
.pro2info_1 ul li h4 {font-size: 20px; color: #333333; font-weight: bold; position: relative; margin-bottom: 22px; margin-top: 15px;}
.pro2info_1 ul li:hover h4 {color: var(--dex);}
.pro2info_1 ul li h4::after {    position: absolute; content: ""; bottom: -14px; width: 40px; height: 1px; background-color: var(--dex); left: 50%; transform: translateX(-50%);}
.pro2info_1 ul li h5 {    font-size: 16px; color: #999999; line-height: 26px; text-align: center;}


.pro2info_2 {padding: 100px 0 ;position: relative;overflow: hidden;background: url(https://www.avimetalam.com/style/img/pro2info_2_bg.jpg);background-size: cover;}
.pro2info_2 ul {margin-top: 30px;display: flex;justify-content: space-between;}
.pro2info_2 ul li p{border-bottom: 1px solid #cecece;;}
.pro2info_2 ul li p:nth-of-type(1){border-top: 1px solid #cecece;;}
.pro2info_2 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #cecece;;}
.pro2info_2 ul li:nth-of-type(1) p {border-bottom: 3px solid #cecece;;}
.pro2info_2 ul li p{ height:auto; padding: 8px 0; line-height: 24px; font-size: 14px; display: flex; align-items: center;}
.pro2info_2 ul li:nth-of-type(1){width: 20%;}
.pro2info_2 ul li:nth-of-type(1) p {font-weight: bold;color: #333333;    font-size: 14px;}
.pro2info_2 ul li:nth-of-type(2) p{padding-left: 60px;     color: #333333;box-sizing: border-box;}
.pro2info_2 ul li:nth-of-type(2) p sup{    display: block; line-height: 10px; top: -4px; position: relative;}
.pro2info_2 ul li:nth-of-type(2) p sub{    display: block; line-height: 10px; top: 4px; position: relative;}
.pro2info_2 ul li:nth-of-type(2) {width: 80%;}
.pro2info_2 ul li:nth-of-type(2) p:last-child {height: auto;line-height: 26px;}
.pro2info_2 ul li:nth-of-type(1) p:last-child{height: auto;}

.pro2info_3 {padding: 120px 0 150px;position: relative;overflow: hidden;}
.pro2info_3 .swiper {overflow: hidden;}
.pro2info_3 .swiper .box span{font-size: 16px;color: #333333;text-align: center;margin-top: 20px;}
.pro2info_3 .swiper .box:hover .imgbox img{transform: scale(1.1);}
.pro2info_3 .swiper .box:hover span {color: var(--dex);}
.pro2info_3 .mid  {position: relative;margin-bottom: 120px;}
.pro2info_3 .mid .fa {   outline: none;  top: 39%; margin: 0px;padding: 0px;background-image: none;height: 48px;width: 48px;border-radius: 50%;border: 1px solid #999999;color: #999999;font-size: 30px;display: flex;justify-content: center;align-items: center;}
.pro2info_3 .mid .fa:hover {color: #fff;;background-color: var(--dex);}
.pro2info_3 .mid .fa-angle-left {left: -92px;}
.pro2info_3 .mid .fa-angle-right {right: -92px;}
.pro2info_3 .bot {}
.pro2info_3 .bot a:nth-of-type(1) {border-top: 1px solid #ddd;}
.pro2info_3 .bot a {display: flex; justify-content: space-between; align-items: center; padding: 26px 0; border-bottom: 1px solid #ddd;}
.pro2info_3 .bot a  .le {display: flex;align-items: center;}
.pro2info_3 .bot a  .le  img {width: 21px;margin-right: 20px;filter: grayscale(2);}
.pro2info_3 .bot a  .le span {transition: 0.3s; font-size: 20px;font-weight: bold;color: #666666;}
.pro2info_3 .bot a .ri img {width: 21px;filter: grayscale(2);}
.pro2info_3 .bot a:hover  .le span {color: var(--dex);} 
.pro2info_3 .bot a:hover .ri img,.pro2info_3 .bot  a:hover  .le  img  {filter: none;}




/* pro3-info */
.pro3_info_banner { max-height: calc(100% - 100px); min-height: calc(100% - 100px);}
.pro3info_1 {}
.pro3info_1 ul li {    width: 32.1%; margin-right: 1.85%; margin-bottom: 1.85%;}
.pro3info_1 ul li:nth-of-type(5n) { margin-right: 1.85%; }
.pro3info_1 ul li:nth-of-type(3n) {margin-right: 0px;} 
.pro3info_3 .more {    margin: 0px 0 95px; width: 211px; background-color: #c1c2c3; border: 1px solid #c1c2c3; color: #fff;}
.pro3info_3 .more::after {background-color: var(--dex);}
.pro3info_3 .mid { margin-bottom: 45px; }
.pro3info_add {height: 495px; display: flex;justify-content: space-between;align-items: center;}
.pro3info_add dd {height: 100%; width: 50%;position: relative;}
.pro3info_add dd  .imgbox ,.pro3info_add dd  .imgbox img{height: 100%;}
.pro3info_add dd:hover .imgbox img {transform: scale(1.1);}
.pro3info_add dd .text {z-index: 3; position: absolute;width: 68%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pro3info_add dd .text h4 {text-align: center; position: relative;text-align: center;padding-bottom: 28px;margin-bottom: 28px;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 48px;font-weight:bold;color: #fff;}
.pro3info_add dd .text h4::after {position: absolute;content: "";    bottom: -2px;left: 50%;transform: translateX(-50%);width: 60px;height: 4px;background-color: var(--dex);}
.pro3info_add dd .text p {width: 72%; font-size: 18px; color: #fff; text-align: center; margin: auto;}
.pro3info_add dd::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; }

/* news */
.page {display: flex;justify-content: center;align-items: center;}
.page h2{display: none;}
.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}
.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page a:last-child{margin-right: 0px;}
.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}
.page span {color: #fff;background-color: var(--dex);border-color: var(--dex);}
.page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}


.news_top { padding: 100px 00 105px; position: relative;overflow: hidden;}
.news_top a {display: flex;justify-content: space-between; align-items: center;    background-color: #f5f5f5;}
.news_top .sweiper {display: none;}

.news_top .bot {position: relative;}
.news_top .bot .swiper-pagination-bullet-active { opacity: 1; background: var(--dex); }
.news_top .bot  .swiper-pagination-bullet {    width: 12px; height: 12px; border-radius: 50%; margin: 0 6px!important;}
.news_top .bot .swiper-pagination-bullet:last-child {margin-right: 0px!important;}
.news_top .bot .swiper-pagination-bullet:first-child {margin-left: 0px!important;}
.news_top .bot .swiper {height: 100%;overflow: hidden;}
.news_top .bot .swiper-pagination-bullet {background: none; background-color: var(--dex);}
.news_top .bot .swiper-pagination { bottom: -50px; left: 50%; transform: translate(-50%, -50%); }
.news_top .le {width: 50%;padding: 70px 100px;}
.news_com .t {display: flex;align-items: center;margin-bottom: 22px;}
.news_com .t h4 {    font-size: 12px; color: var(--dex); font-family: arial; padding: 3px 15px; border-radius: 5px; border: 1px solid var(--dex); margin-right: 20px; font-weight: bold;}
.news_com .t  h5 {display: flex;align-items: center;}
.news_com .t  h5 img {width: 18px; margin-right: 10px;}
.news_com .t  h5 span {font-size: 14px;font-family: arial;color: var(--dex);font-weight: bold;}
.news_com  h3 {font-weight: bold;font-size: 30px;color: #333333;line-height: 40px;margin-bottom: 24px;}
.news_top:hover  h3 {color: var(--dex);}
.news_com  p {font-size: 16px;line-height: 26px;color: #666666;margin-bottom: 55px;}
.news_com .a{ font-size: 16px; transition: 0.3s; display: flex;align-items: center;color: var(--dex);}
.news_com .a img {width: 15px;margin-left: 12px;position: relative;left: 0px;}
.news_top .ri {width: 50%;position: relative;overflow: hidden;}
.news_com  a:hover .a img {left: 15px;} 
.news_top  a:hover .ri img{transform: scale(1.1);}
.new_ccf {overflow: hidden;width: 100%;}
.news {position: relative;}  
.news .page {padding-bottom: 120px;}
.news dd { position: relative; padding: 65px 0;border-bottom: 1px solid #e4e4e4;}
.news dd::after{top: 0px; position: absolute;left: -100%;width: 300%;background-color: rgba(245, 245, 245,1);content: "";z-index: -1;opacity: 0;transition: 0.3s;height: 100%;}
.news dd:hover::after {opacity: 1;}
.news dd:nth-of-type(1) {border-top: 1px solid #e4e4e4;}
.news dl {margin-bottom: 65px;}
.news dd a {display: flex;justify-content: space-between;align-items: center;}
.news dd a:hover .imgbox img {transform: scale(1.1);}
.news dd a .imgbox {width: 21%;}
.news dd a .text {width: 74.3%;}
.news dd a .text .a{color: #999999;}
.news dd a:hover .text .a {color: var(--dex);}
.news dd a:hover .text h3 {color: var(--dex);}
.news .t {margin-bottom: 10px;}
.news_com p { margin-bottom: 32px; }

.ag_h3 {font-weight: bold;color: #333333;font-size: 44px;}
/* technology */
.tech01 {padding: 128px 0;position: relative;overflow: hidden;background-color: #f5f5f5;}
.tech01 .ag_h3 {margin: auto;    text-align: center;}
.tech01 p {    margin-top: 14px; font-size: 18px;color: #666666;text-align: center;}
.tech01  dl {margin-top: 50px;display: flex;justify-content: space-between;}
.tech01  dl dd  { display: flex;flex-direction: column;justify-content: center;align-items: center; transition: 0.3s; border-radius: 8px; background-color: #fff; width: 12%;padding: 42px 0;}
.tech01  dl dd  img {  transition: transform 0.3s;  margin-bottom: 14px; height: 60px; width: auto;}

.tech01  dl dd span {font-size: 16px;text-align: center;color: #666666;}
.tech01  dl dd:hover span {color: #fff;}
.tech01  dl dd:hover  img {filter: grayscale(10) brightness(10); transform: rotateY(180deg);}
.tech01  dl dd:hover {background-color: var(--dex);}
.tech02 {padding: 100px 0;position: relative;overflow: hidden;}
.tech02 .top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.tech02 .top p{ margin: 10px auto 42px; font-size: 18px;color: #666666;width: 66%;text-align: center;line-height: 30px;}
.tech02 .bot {position: relative;overflow: hidden;}
.tech02 .bot .box,.tech02 .bot .imgbox,.tech02 .bot .imgbox img {height: 100%;}
.tech02 .bot .box .text {position: relative;background-color: #f5f5f5;}
.tech02 .bot .box .imgbox {width: 67.7%;}
.tech02 .bot .box .imgbox:hover img{transform: scale(1.1);}
.tech02 .bot .box .text {width: 49%; position: absolute;top: 50%;transform: translateY(-50%);right: 0px;padding: 90px;}
.tech02 .bot .box .text h4 {font-size: 28px;color: #333333;font-weight: bold;}
.tech02 .bot .box .text p { border-top: 1px solid #dadada; position: relative; font-size: 16px;color: #666666;line-height: 30px;padding-top: 30px;margin-top: 20px;}
.tech02 .bot .box .text p::before {content: ""; position: absolute;width: 52px;height: 3px;background-color: var(--dex);top: 0px;left: 0px;}
.tech02 .more {    margin: auto; margin-top: 50px; width: 259px; height: 48px; font-size: 16px;}
.tech02 .swiper {    position: relative; height: 574px;}
.tech02 .ri_nav {position: absolute;right: 0px;bottom: 34px;display: flex;align-items: center;}
.tech02 .ri_nav .fc {position: unset; background: none; width: auto;height: auto;margin: 0px;}
.tech02 .ri_nav .dao {font-family: arial;; color: var(--dex);font-size: 16px;display: flex;align-items: center;margin: 0 16px;}
.tech02 .ri_nav .fc:last-child{transform: rotateY(180deg);}

.tech03 {height: 543px; display: flex;justify-content: space-between;align-items: center;}
.tech03 .left {width: 50%;position: relative;height: 100%;}
.tech03 .left .text {position: absolute; top: 50%; transform: translateY(-50%);}
.tech03 .left .text p {font-size: 18px; color: #666666; line-height: 30px; padding-top: 25px; margin-top: 25px; position: relative; width: 500px; }
.tech03 .left .text p::before {    position: absolute; content: ""; width: 82px; height: 2px; background-color: var(--dex); top: -2px; }
.tech03 .right {width: 50%;height: 100%;}
.tech03 .right img,.tech03 .left img {height: 100%;} 

.tech04 {padding: 120px 0;position: relative;overflow: hidden;}
.tech04 .top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.tech04 .top p {  margin: 12px 0 30px; width: 69.5%;text-align: center;font-size: 18px;line-height: 30px;color: #666666;}
.tech04 dl {display: flex;justify-content: space-between;}
.tech04 dl dd {width: 32%;}
.tech04 dl dd:hover .imgbox img {transform: scale(1.1);}
.tech04 dl dd:hover .text h4 {color: var(--dex);}
.tech04 dl dd .text {padding: 42px 50px 62px;background-color: #f8f8f8;}
.tech04 dl dd .text h4 { text-align: center; font-size: 26px;color: #333333;font-weight: bold;}
.tech04 dl dd .text p {     box-sizing: content-box; text-align: center; position: relative;margin-top: 14px;padding-top: 14px;border-top: 1px solid #bfbfbf; font-size: 18px;color: #666666;line-height: 30px;height: 46px;}
.tech04 dl dd .text p::before {position: absolute;content: "";top: -2px;left: 50%;transform: translateX(-50%);height: 3px;width: 50px;background-color: var(--dex);}


.tech05 {padding: 120px 0 ;position: relative;overflow: hidden;background-color: #f5f5f5;}
.tech05 dd {margin-bottom: 70px; background-color: #fff;display: flex;justify-content: space-between;align-items: center;}
.tech05 dd .text {padding: 90px;width: 58%;}
.tech05 dd .text  p {font-size: 18px;color: #666666;line-height: 30px;margin-top: 18px;}
.tech05 dd .imgbox {width: 42%;}
.tech05 dd:nth-of-type(2) {flex-flow: row-reverse;}
.tech05 dd:hover .text  h3{color: var(--dex);}
.tech05 dd:hover .imgbox img {transform: scale(1.1);}

.tech06 {padding: 115px 0;position: relative;overflow: hidden;}
.tech06 .top {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.tech06 .top p {  margin: 12px 0 30px; width: 69.5%;text-align: center;font-size: 18px;line-height: 30px;color: #666666;}
.tech06 dl {display: flex; align-items: center; justify-content: space-between;}
.tech06 dl dd {width: 23%;}
.tech06 dl dd:hover .imgbox img{transform: scale(1.1);}
.tech06 dl dd:hover .text  h4 {color: var(--dex);}
.tech06 dl dd .text {    padding: 37px 20px 62px; border: 1px solid #ddd; border-top: 0px}
.tech06 dl dd .text h4 {text-align: center; font-size: 26px;font-weight: bold;color: #333333;}
.tech06 dl dd .text h5 { height: 51px; text-align: center; font-size: 18px;color: #666666;line-height: 30px;margin-top: 12px;}

/* contact */
.con01 {padding: 130px 0 100px;position: relative;overflow: hidden;}
.con01 .icenter3 {display: flex;justify-content: space-between;align-items: center;}
.con01 .text {width: 40%;}
.con01 .text .title {padding-left: 38px; position: relative;margin-bottom: 40px;}
.con01 .text .title::before {position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 3px; background-color: var(--dex);}
.con01 .text .title p {font-size: 20px;color: #333333;line-height: 34px;}
.con01 .text ul li {margin-bottom: 33px; display: flex; align-items: center;}
.con01 .text ul li  img {width: 26px;margin-right: 18px;}
.con01 .text ul li span {font-size: 20px;color: #333333;}
.con01 .text ul {margin-bottom: 50px;}
.con01 .text .more {    margin-top: 58px; background-color: transparent; color: var(--dex);}
.con01 .text .more::after {background-color: var(--dex);}
.con01 .text .more:hover {color: #fff;}
.con01 .imgbox {width: 58.6%;}
.con01 .imgbox:hover img {transform: scale(1.1);}

.con02 {margin-bottom: 140px;position: relative;overflow: hidden;}
.con02 h3 {text-align: center;}
.con02 .bot {margin-top: 20px;}
.con02 .bot .swiper {overflow: hidden;}
.con02 .box:hover .imgbox img {transform: scale(1.1);}
.con02 .box .text {    background-color: #f5f5f5; padding: 37px 30px 39px;}
.con02 .box .text .title {position: relative;padding-left: 24px;margin-bottom: 30px;}
.con02 .box .text .title::before {    position: absolute; content: ""; width: 3px; height: 100%; left: 0px; top: 0px; background-color: var(--dex);}
.con02 .box .text .title h4 {font-size: 28px;font-weight: bold;color: #333333;}
.con02 .box .text .title h5 {font-size: 16px; color: #666666; line-height: 26px; height: 52px; margin-top: 5px;}
.con02 .box .text li {    margin-bottom: 5px; display: flex; align-items: center;}
.con02 .box .text li img {width: 22px;margin-right: 12px;}
.con02 .box .text li span {    font-size: 16px; color: #666666; height: 42px; display: flex; align-items: center;}
.con02 .box:hover .title h4 {color: var(--dex);}
.con02 .fa {    top: 57%; display: flex;justify-content: center;align-items: center; color: #94989b; background: none;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #94989b;font-size: 30px;}
.con02 .fa-angle-left {left: -90px;}
.con02 .fa-angle-right{right: -90px;}
.con02 .fa:hover {color: #fff;background-color: var(--dex);}
.con03 {padding-bottom: 140px;position: relative;overflow: hidden;}
.con03 h4 {font-size: 18px; color: #666666; margin: 10px 0 28px;}
.con03  form  .sp{margin-bottom: 30px; display: flex;justify-content: space-between;align-items: center;}
.con03  form  .sp .cc {width: 49%;}
.con03  form  .sp .cc label {font-size: 18px; color: #666666; margin-bottom: 12px; display: block; }
.con03  form  .sp .cc input {font-size: 16px; background-color: #f1f2f3; width: 100%;border: 1px solid #d2d2d2;padding-left: 15px;height: 44px;outline: none;}
.con03  form  .sp .cc textarea { font-size: 16px; resize: none;background-color: #f1f2f3; width: 100%;border: 1px solid #d2d2d2;padding-left: 15px; padding-top: 20px; height: 130px;outline: none;}
.con03  form  .sp:last-child {margin-bottom: 12px;}
.con03  form  .sp.sp4 .cc{width: 100%;}
.con03 h6 {color: #666666;font-size: 16px;margin-bottom: 54px;}

/*  */
.ding {position: absolute;top: -135px;width: 100%;height: 1px;opacity: 0;}

/* agent */
.ag01 {position: relative;overflow: hidden;padding: 175px 0;}
.ag01  .icenter3 {display: flex;justify-content: space-between;align-items: center;}
.ag01  .imgbox:hover img {transform: scale(1.1);}
.ag01  .imgbox {width: 45%;}
.ag01  .text { position: relative; width: 48%;padding-right: 75px;}
.ag01  .icenter3::before {background-color: #f5f5f5; height: 128%; transform: translateY(-50%); right: 0px; position: absolute; content: ""; width: 65%; top: 50%;}
.ag01  .text h3 {}
.ag01  .text h4 {border-bottom: 1px solid #ddd; padding-bottom: 22px; position: relative; font-size: 20px;font-weight: bold;color: #333333;margin: 12px 0 30px;}
.ag01  .text h4::after {     position: absolute; content: ""; width: 52px; height: 4px; background-color: var(--dex); bottom: -3px; left: 0px; }
.ag01  .text p {font-size: 18px;color: #666666;line-height: 30px;}

.ag02 {margin-bottom: 120px;position: relative;overflow: hidden;}
.ag02 .ag_h3 {text-align: center;}
.ag02 dl {margin-top: 24px;display: flex;flex-flow: wrap;justify-content: space-between;}
.ag02 dl dd { background-color: #f5f5f5; transition: 0.3s; align-items: center;justify-content: center; display: flex; padding: 90px 60px; width: 49%;margin-bottom: 2%;}
.ag02 dl dd .icon {display: flex;justify-content: center;align-items: center; margin-right: 24px; width: 73px;height: 73px;border-radius: 50%;position: relative;}
.ag02 dl dd .icon img{width: 42px;transition: transform 0.3s;}
.ag02 dl dd .icon::after { transform: rotate(0deg); position: absolute;content: "";width: 120%;height: 120%;border-radius: 50%;border: 1px dashed var(--dex);}
.ag02 dl dd .icon::before { transform: rotate(0deg); position: absolute;content: "";width: 100%;height: 100%;border-radius: 50%;border: 1px solid var(--dex);}
.ag02 dl dd .text {width: 420px;}
.ag02 dl dd .text h4 {font-size: 26px;color: #333333;font-weight: bold;margin-bottom: 5px;}
.ag02 dl dd .text h5 {font-size: 18px;color: #666666;line-height: 26px;}
.ag02 dl dd:hover  .text h4,.ag02 dl dd:hover  .text h5 {color: #fff;}
.ag02 dl dd:hover .icon img {filter: grayscale(10) brightness(10);}
.ag02 dl dd:hover {background-color: var(--dex);}
.ag02 dl dd:hover .icon::after,.ag02 dl dd:hover .icon::before {border-color: #fff}
.ag02 dl dd:hover .icon::after {animation: ag_ro1 6s infinite linear;}
.ag02 dl dd:hover .icon::before {animation: ag_ro2 6s infinite linear;}


@keyframes ag_ro1 {
  100%{
    transform: rotate(360deg);
  } 
}

@keyframes ag_ro2 {
  100%{
    transform: rotate(-360deg);
  } 
}

.ag03 {margin-bottom: 140px;position: relative;overflow: hidden;}
.ag03 h3 {text-align: center;}
.ag03 dl {margin-top: 24px;display: flex;justify-content: space-between;}
.ag03 dl dd {width: 30%;background-color: #f5f5f5;padding: 60px 44px 52px;}
.ag03 dl dd .icon {display: flex; justify-content: center; align-items: center; width: 119px; height: 119px; border-radius: 50%; border: 7px solid var(--dex); margin: auto; margin-bottom: 24px;}
.ag03 dl dd .icon img {width: 47px;}
.ag03 dl dd h4 {    position: relative; padding-bottom: 16px; border-bottom: 1px solid #c8c8c8; font-size: 26px; color: #333333; font-weight: bold; text-align: center; margin-bottom: 19px;;}
.ag03 dl dd h4::after {left: 50%; transform: translateX(-50%); bottom: -3px; position: absolute; content: ""; width: 37px; height: 5px; background-color: var(--dex);}
.ag03 dl dd p {font-size: 18px; color: #666666; line-height: 30px; text-align: center;}
.ag03 dl dd:hover h4 {color: var(--dex);}
.ag03 dl dd:hover  .icon img {transform: rotateY(180deg);}

.ag04 {margin-bottom: 160px;position: relative;overflow: hidden;}
.ag04 .icenter3 {display: flex;justify-content: space-between;align-items: center;}
.ag04 .imgbox {width: 35.5%;}
.ag04 .imgbox:hover img {transform: scale(1.1);}
.ag04 .text {width: 55%;}
.ag04 .text ul{margin-top: 48px;}
.ag04 .text ul li{ padding-left: 62px;padding-bottom: 48px;position: relative;}
.ag04 .text ul li:last-child {padding-bottom: 0px;}
.ag04 .text ul li::before{transition: 0.3s; border-radius: 50%; content: ""; position: absolute;left: 0px;top: 0px;width: 14px;height: 14px;border: 5px solid var(--dex);}
.ag04 .text ul li:hover::before { transform: scale(2);}
.ag04 .text ul li::after {    position: absolute; content: ""; left: 6px; border-left: 1px dashed var(--dex); width: 1px; height: calc(100% - 21px); top: 18px;}
.ag04 .text ul li h4 {font-size: 24px;font-weight: bold;color: #333333;margin-bottom: 8px;}
.ag04 .text ul li:hover h4 {color: var(--dex);}
.ag04 .text ul li h5 {font-size: 18px;color: #666666;}
.ag04 .text ul li:last-child:after{display: none;}

.ag05 {padding-bottom: 125px;position: relative;overflow: hidden;}
.ag05 form {margin-top: 30px;}
.ag05  form  .sp{margin-bottom: 30px; display: flex;justify-content: space-between;align-items: center;}
.ag05  form  .sp .cc {width: 49%;}
.ag05 form  .sp .cc label {font-size: 18px; color: #666666; margin-bottom: 12px; display: block; }
.ag05  form  .sp .cc input {font-size: 16px; background-color: #f1f2f3; width: 100%;border: 1px solid #d2d2d2;padding-left: 15px;height: 44px;outline: none;}
.ag05  form  .sp .cc textarea { font-size: 16px; resize: none;background-color: #f1f2f3; width: 100%;border: 1px solid #d2d2d2;padding-left: 15px; padding-top: 20px; height: 130px;outline: none;}
.ag05 form  .sp:last-child {margin-bottom: 12px;}
.ag05  form  .sp.sp4 .cc,.ag05  form  .sp.sp1 .cc{width: 100%;}
.ag05  form  .sp.sp3 .cc {width: 32%;}
.ag05 h6 {color: #666666;font-size: 16px;margin-bottom: 54px;}

.jl_banner {position: relative;}
.jl_banner::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }
.jl_banner .text {    z-index: 1; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.jl_banner .text h3 {font-size: 50px;font-weight: bold;color: #fff;margin-bottom: 12px;}
.jl_banner .text h4 {font-size: 18px;text-align: center;}
.jl {padding: 123px 0 186px;position: relative;overflow: hidden;}
.jl  .icenter3 {justify-content: space-between;display: flex;}
.jl  .icenter3 .ri{width: 79%;}
.jl .le a{margin-bottom: 12px;}
.jl .le a.active {background-color: var(--dex);color: #fff;}
.jl .le a {color: var(--dex); background-color: transparent;}
.jl .le a:hover {color: #fff;} 
.jl .le a::after {background-color: var(--dex);}
.jl dd {padding: 48px 0;border-bottom: 1px solid #dadada;}
.jl dd:nth-of-type(1){border-top: 1px solid #dadada;}
.jl dd .top  {position: relative;}
.jl dd .top .state {     font-size: 48px; color: #666666; font-family: arial; right: 0px; position: absolute; top: -27px; cursor: pointer;}
.jl dd .top .sp1 {font-size: 13px; border-radius: 3px; color: #666; margin-bottom: 15px; width: 80px;background-color: #e6e6e6;padding: 3px 0;text-align: center;}
.jl dd .top  h4 {font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 12px;}
.jl dd:hover .top h4 {color: var(--dex);}
.jl dd .top.active h4 {color: var(--dex);}
.jl dd .top.active .state {color: var(--dex);}
.jl dd .top .tip {display: flex;align-items: center;}
.jl dd .top .tip h5 {display: flex;align-items: center;margin-right: 30px;}
.jl dd .top .tip h5 img {    height: 18px; margin-right: 5px; width: auto;}
.jl dd .top .tip h5  span {font-size: 16px;color: #666666;}
.jl dd .top .jian  {display: none;}
.jl dd .top.active .jian {display:block;}
.jl dd .top.active .jia {display: none;}
.jl dd .top:hover .state {color: var(--dex);}
.jl dd .bot {display: none; padding: 46px 0 13px;}
.jl dd .bot .cc h4 {font-size: 20px;color: #333333;margin-bottom: 9px;}
.jl dd .bot .cc p{font-size: 16px;line-height: 32px;color: #999999;}
.jl dd .bot .cc {margin-bottom: 30px;}
.jl dd .bot .you {font-size: 18px; color: #333333; display: flex; flex-flow: wrap;}
.jl dd .bot span {font-size: 18px;color: var(--dex);}


/* join01 */
.join01 { background-color: #f5f5f5; padding: 125px 0;position: relative;overflow: hidden;}
.join01 .icenter3 {display: flex;justify-content: space-between;align-items: center;}
.join01 .text {width:45%;}
.join01 .text p { font-size: 18px; color: #666666; margin: 25px 0 87px;line-height: 30px;}
.join01 .text .liao {position: relative; font-size: 18px; color: var(--dex); padding-bottom: 6px; width: fit-content;}
.join01 .text .liao::after {position: absolute;content: "";left: 0px;bottom: 0px;width: 100%;height: 1px;background-color: var(--dex);}
.join01 .imgbox {width: 48%;}
.join01 .imgbox:hover img {transform: scale(1.1);}

.join02 {padding: 110px 0 140px;position: relative;overflow: hidden;}
.join02 .top {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.join02 .top p {font-size: 18px;color: #666666;line-height: 30px;margin: 25px 0 47px;width: 84%; text-align: center}
.join02 .seg { height: 607px; position: relative;display: flex;justify-content: space-between;align-items: center;}
.join02 .seg .mid {height: 100%; width: 42.8%; }
.join02 .seg .mid img {height: 100%;display: none;opacity: 0;}
.join02 .seg .mid img.active {display: block;animation: join02_fade 0.7s ease-in forwards;}

@keyframes join02_fade {
    100%{
      opacity: 1;
    }
}

.join02  ul { height: 100%; flex-flow: wrap; width: 27.5%; display: flex; justify-content: space-between;  flex-direction: column;}
.join02  ul li {transition: 0.3s; background-color: #f6f6f6; height: 32%;width: 100%;    display: flex; justify-content: center; align-items: center;}
.join02  ul li .icon {width: 50px;margin-right: 23px;}
.join02  ul li .text {width: 237px;}
.join02  ul li .text h4 {font-size: 28px;font-weight: bold;color: #333333;}
.join02  ul li .text h5 {font-size: 18px; color: #666666; line-height: 24px; margin-top: 7px;}
.join02  ul li:last-child{margin-bottom: 0px;}
.join02  ul li:hover .text h4,.join02  ul li:hover .text h5 {color: #fff;}
.join02  ul li:hover{background-color: var(--dex);}
.join02  ul li:hover img {filter: grayscale(10) brightness(10);}
.join02  ul li.active .text h4,.join02  ul li.active .text h5{color: #fff;}
.join02  ul li.active {background-color: var(--dex);}
.join02  ul li.active img {filter: grayscale(10) brightness(10);}

.join03 {margin-bottom: 136px;position: relative;overflow: hidden;}
.join03 .icenter3 {    height: 500px;display: flex;justify-content: space-between;align-items: center;}
.join03 .icenter3 .le {width: 52.6%;overflow: hidden;position: relative;}
.join03 .icenter3 .le .imgbox .wen {background-color: #6f6f6f;font-size: 16px;color: #fff;padding: 9px 39px;text-align: center;position: absolute;left: 0px;bottom: 0px;}
.join03 .icenter3 .imgbox:hover img {transform: scale(1.1);}
.join03 .ri { width: 40%; height: 100%; padding-top: 79px; border-top: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;}
.join03 .ri .box p {    font-size: 18px; color: #666666; line-height: 30px; margin-top: 30px; margin-bottom: 124px;}
.join03 .ri .fa {   outline: none; position: unset; display: flex;justify-content: center;align-items: center; background: none;width: 43px;height: 43px;border-radius: 50%;font-size: 30px;color: var(--dex);border: 1px solid var(--dex);}
.join03 .ri .nav {display: flex;align-items: center;}
.join03 .ri .nav  .fa-angle-left {margin-right: 12px;}
.join03 .ri .fa:hover {background-color: var(--dex);color: #fff;}


.join04 {padding: 100px 0 350px;position: relative;overflow: hidden;background: url(https://www.avimetalam.com/style/img/join04_bg.jpg);background-size: cover;}
.join04 h3 {text-align: center;color: #fff;}
.join04 p { padding: 0 30px;text-align: center; border-top: 1px solid rgba(255,255,255,0.3); position: relative;padding-top: 18px; margin-top: 18px; font-size: 18px;color: #ffffff;line-height: 30px;}
.join04 p::before {position: absolute;content: "";width: 100px;height: 4px;background-color: var(--dex);top: -2px;left: 50%;transform: translateX(-50%);}

.join05 {padding: 100px 0 80px;position: relative;overflow: hidden;}
.join05 dl {display: flex;justify-content: space-between;flex-flow: wrap;}
.join05 dl dd {margin-bottom: 2.3%; transition: 0.4s; border: 1px solid #e4e4e4; border-radius: 5px; width: 10.5%; padding: 34px 0 35px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0 0 15px #e6e5e5;}
.join05 dl dd .icon {margin-bottom: 10px; height: 80px;width: 80px;background-color: #f5f5f5;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.join05 dl dd .icon img {width: 32px;transition: 0s;}
.join05 dl dd span {font-size: 16px;color: #333333; text-align: center; height: 42px;}
.join05 dl dd:hover span {color: #fff;}
.join05 dl dd:hover {z-index: 3; background-color: var(--dex); transform: scale(1.3);}
.join05 dl dd:hover .icon img {filter: grayscale(10) brightness(10);}
.join05 dl dd:hover .icon {background-color: rgba(255, 255, 255, 0.2);}

.join06 {margin-bottom: 139px;position: relative;overflow: hidden;}
.join06 .top {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.join06 .top  p {font-size: 18px; color: #666666; margin: 12px 0 40px; text-align: center; width: 88%; text-align: center;}
.join06 .imgbox {display: flex;align-items: center; height: 543px; display: flex; align-items: center;}

.join06 .swiper-slide-prev .imgbox{  justify-content: flex-end; }
.join06 .swiper-slide-next .imgbox{  justify-content: flex-start;}
.join06 .swiper-slide .imgbox img {width: 80%;}
.join06  .swiper-slide-active .imgbox img {width: 100%;}
.join07 {padding: 163px 0 183px;background:url(https://www.avimetalam.com/style/img/join07_bg.jpg);background-size: cover;}
.join07  h3 {text-align: center;}
.join07 dl {margin-top: 42px;display: flex;justify-content:space-between;align-items: center;}
.join07 dl  dd {width: 210px;position: relative;}
.join07 dl  dd::after {position: absolute; content: ""; width: 10px; height: 17px; background: url(../image/join07_jian.png); top: 65px; left: 214px; background-repeat: no-repeat; opacity: 0.6;}
.join07 dl  dd:last-child:after {display: none;}
.join07 dl  dd img {    width: 55px; z-index: 1; }
.join07 dl  dd:hover img {transform: rotateY(180deg);}
.join07 dl  dd .icon {      align-items: center; border: 1px solid #ddd; width: 120px; height: 120px; border-radius: 50%; display: flex; justify-content: center; background-color: rgb(247, 248, 251); position: relative; margin: auto;}
.join07 dl  dd .icon::after {    width: 80%; height: 80%; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius: 50%; background: linear-gradient(to bottom,rgb(132, 177, 247),rgb(28, 109, 236));}
.join07 dl  dd span {font-size: 18px;color: #333333;font-weight: bold;margin-top: 16px;text-align: center;}


.join08 {position: relative;overflow: hidden;padding-bottom: 350px;}
.join08 .icenter3 {position: relative;}
.join08 .top {height: 616px; position: relative; background: url(https://www.avimetalam.com/style/img/join08_bg.jpg);background-size: cover;}
.join08 .top .text {display: flex;justify-content: center;align-items: center;flex-direction: column;width: fit-content; position: absolute;left: 50%;top: 44%;transform: translate(-50%,-50%);}
.join08 .top .text h3{color: #fff;margin-bottom: 22px;text-align: center;}
.join08 .top .text h4{font-size: 34px;color: #fff;text-align: center;}
.join08 .bot {   position: absolute; bottom: 158px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; padding: 0 67px;}
.join08 .bot  .cc {width: 48%; position: relative; background-color: #fff; padding: 82px 74px 53px; box-shadow: 0px 7px 5px #ededed;}
.join08 .bot  .cc .le h4{font-size: 30px;font-weight: bold;color: #333333;margin-bottom: 10px;}
.join08 .bot  .cc .le h5{font-size: 22px;color: #333333;margin-bottom: 46px;}
.join08 .bot  .cc .le a {width: 134px;}
.join08 .bot .cc:nth-of-type(2) .le a {background-color: transparent;color: var(--dex);}
.join08 .bot .cc:nth-of-type(2) .le a:hover {color: #fff;}
.join08 .bot .cc:nth-of-type(2) .le a::after {background-color: var(--dex);}
.join08 .bot  .cc .ri{position: absolute;right: 57px;bottom: 32px;width: 130px;}




 
 
.ag05 .wpcf7-form br,.screen-reader-response{ display: none; }
.ag05 .wpcf7-form span{ position: relative;}
.ag05 .wpcf7-form span span{ position: absolute; color: #f00; top: 0; right: 10px; line-height: 40px; font-weight: bold; font-size: 14px;}
.wpcf7-response-output,.wpcf7-validation-errors{ display: block; color: #f00; font-size: 18px;margin-top:10px; font-weight: bold;}
.ag05 .wpcf7-form .sp .cc textarea{font-family: '微软雅黑',Arial;}

 
.con03 .wpcf7-form br,.screen-reader-response{ display: none; }
.con03 .wpcf7-form span{ position: relative;}
.con03 .wpcf7-form span span{ position: absolute; color: #f00; top: 0; right: 10px; line-height: 40px; font-weight: bold; font-size: 14px;}
.con03-response-output,.wpcf7-validation-errors{ display: block; color: #f00; font-size: 18px;margin-top:10px; font-weight: bold;}
.con03 .wpcf7-form .sp .cc textarea{font-family: '微软雅黑',Arial;}
 










@media screen and (max-width:1710px) {
    .icenter1 {width: 1580px;}
    .pro02_2 .seg .box { padding: 46px 66px; }
    .pro02_2 .seg .box .bot h4 { font-size: 28px; margin-bottom: 14px; }
}

.news_banner {position: relative; overflow: hidden; background-color: #f1f2f3; padding: 200px 0 80px;}

.news_banner .text{width: 900px;position: unset;margin: auto;}

.news_banner h4 { font-size: 34px; margin-bottom: 14px; font-weight: bold;color: #333333;}
.news_banner h5 {    font-size: 16px; display: flex;}
.news_banner h5 span {color: #888888;}
.news_banner h5 span:nth-of-type(1){margin-right: 44px;}


.newshowtt{     display: block;    overflow: hidden;    background: #f5f5f5;    padding: 100px 0;    width: calc(100% - 200px);    margin: 100px auto;}
.newshowtt dd{    display: block;    width: 900px;    margin: 0 auto;    overflow: hidden;}
.newshowtt dd strong{    display: block;    color: #333;    font-size: 40px;    line-height: 1em;    margin-bottom: 20px;}
.newshowtt dd p{ display: block;    overflow: hidden;  }
.newshowtt dd p span{font-family: Montserrat-Bold;    display: block;    float: left;    color: #666;    margin: 0 30px 0 0;    line-height: 30px;}
.newshowtxt{     display: block; overflow: hidden; width: 900px; margin: 100px auto 130px;}
.newshowtxt .wp-video {margin: auto;width: fit-content!important;}
.newshowtxt .wp-video video {width: auto!important; height: auto!important; max-width: 100%!important;}
.newshowtxt tr td{color: #666;}
.newshowtxt p{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt p strong a{ display: inline-block; color: #333; font-weight:bold} 
.newshowtxt p  a{ display: inline-block; color: #333; font-weight:bold;} 
.newshowtxt img{ display: block; width: auto; max-width: 100%; margin: auto;    height: auto;}
.newshowtxt p b {color: #333;}
.newshowtxt p span{display: inline-block;}
.newshowtxt section{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt section b {color: var(--dex);} 

.sxy{ display: block; overflow: hidden; margin-top: 80px; border-top: 1px solid #ddd;  }
.sxy a{ display: block; color: #666; border-bottom: 1px solid #ddd; padding: 16px 0; font-size: 18px;}
.sxy a:hover {color: var(--dex);}
.bottomfx{    margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}

.bottomfx dd{}
.bottomfx dd span{color: #666; display: block;    float: left;    font-size: 20px;    line-height: 40px;    margin-right: 20px;}
.bottomfx dd .share{    display: block;float: left;}
.bottomfx dd .share a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; background: rgb(176, 176, 176); border-radius: 50%; float: left; margin-right: 10px; font-size: 17px; color: #fff;}
.bottomfx dd .share a:hover{color: #fff; background: var(--dex);}
.bottomfx .more {background-color: transparent; color: var(--dex);}
.bottomfx .more::after {background-color: var(--dex);}
.bottomfx .more:hover {color: #fff;}


/* solution */
.solu_nav .icenter3{width: 90%;}
.solu01 { position: relative;padding: 60px 0;}
.solu01 .icenter3 {padding: 0 136px; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.solu_h3 {font-size: 44px;font-weight: bold;color: #333333;}
.solu01 h4 {  border-top: 1px solid #ddd; position: relative; font-size: 24px; color: #333333; padding-top: 20px; font-weight: bold; width: 88%; text-align: center; margin-top: 20px; margin-bottom: 18px;}
.solu01 h4::before{    position: absolute; content: ""; width: 47px; height: 3px; background-color: var(--dex); left: 50%; transform: translateX(-50%); top: -2px;}
.solu01 p {
  font-size: 18px; color: #666666; line-height: 30px;
  text-indent: 2em;
  /* text-align: center;width: 700px; */
}

.solu02 {    position: relative; overflow: hidden; padding: 60px 0; background: url(https://www.avimetalam.com/style/img/solu02_bg.jpg); background-size: cover; background-attachment: fixed;}
.solu02::after{content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0;}
.solu02  h3 {text-align: center;    color: #fff;}
.solu02  dl {margin-top: 36px;display: flex;justify-content: space-between;}
.solu02  dl dd {width: 13%;border: 2px solid #fff;padding: 70px 30px;}
.solu02  dl dd  img {    height: 50px; margin: auto; width: auto; margin-bottom: 20px;}
.solu02 dl dd:hover img{transform: rotateY(180deg);}
.solu02  dl dd h4 {text-align: center; font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.solu02  dl dd p{font-size: 14px;color: #fff;line-height: 26px;}
.solu03 {    padding: 110px 0 130px; position: relative; overflow: hidden;}
.solu03 h3 {text-align: center;}
.solu03 .icenter3 .content {position: relative;}
.solu03 .icenter3 .swiper {overflow: hidden;padding: 110px 0;position: relative;}
.solu03 .icenter3 .content .fa {top: 45%; display: flex;justify-content: center;align-items: center; background-image: none;margin: auto;padding: auto;width: 65px;height: 65px;border-radius: 50%;border: 1px solid #c7c7c7;font-size: 30px;color: #c7c7c7;}
.solu03 .icenter3 .content .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);}
.solu03 .icenter3 .content .fa-angle-left {left: -108px;}
.solu03 .icenter3 .content .fa-angle-right {right: -108px;}

.solu03 .icenter3 .bot{ position: relative; display: flex;justify-content: space-between;align-items: center;}
.solu03 .icenter3 .bot::before {background-color: #f6f6f6; position: absolute;content: "";width: 80%;height: 126%;top: 50%;transform: translateY(-50%);right: 0px;}
.solu03 .icenter3 .bot .imgbox {width: 45.4%;}
.solu03 .icenter3 .bot .imgbox:hover img {transform: scale(1.1);}
.solu03 .icenter3 .bot  .text {width: 50%;padding-right: 90px;    z-index: 1;}
.solu03 .icenter3 .bot  .text h4 {font-size: 34px;color: #333333;margin-bottom: 34px;font-weight: bold;}
.solu03 .icenter3 .bot  .text  .cc {margin-bottom: 30px;}
.solu03 .icenter3 .bot  .text  .cc  h5 {display:flex;justify-content: space-between;align-items: center;}
.solu03 .icenter3 .bot  .text  .cc  h5 span{    font-size: 20px; color: #333; font-weight: bold; white-space: nowrap;}
.solu03 .icenter3 .bot  .text  .cc  h5::after {content: ""; position: relative;display: block;width: 100%;margin-left: 13px;height: 1px;background-color: #ddd;}
.solu03 .icenter3 .bot  .text  .cc div {font-size: 16px;color: #666666;line-height: 30px;margin-top: 18px;}
.solu03 .icenter3 .bot  .text  .cc div  dd {display: flex;font-size: 16px;line-height: 30px;color: #666666;}
.solu03 .icenter3 .bot  .text  .cc div  dd span {    font-size: 16px; line-height: 30px; color: #666666; white-space: nowrap;}
.solu03 .icenter3 .bot  .text  .cc div  dd h6 {font-size: 16px;line-height: 30px;color: #666666;}
.solu03 .icenter3 .bot .text .cc:last-child {margin-bottom: 0px;}
.solu04 {position: relative;overflow: hidden; padding: 130px 0 90px;background: url(https://www.avimetalam.com/style/img/jjbj.jpg); background-size: cover;}
.solu04 .solu_h3,.solu05 .solu_h3{text-align: center;}
.solu04  dl {margin-top: 34px;display: flex;flex-flow: wrap;}
.solu04  dl dd {height: 196px; transition: 0.3s; border-radius: 10px; box-shadow: 0 0 10px #ddd; width: 23.5%; margin-right: 2%; margin-bottom: 2%;     background-color: #fff;}
.solu04  dl dd a {    display: flex; flex-direction: column; justify-content: space-between; height: 100%; width: 100%; padding: 42px 42px 30px;}
.solu04  dl dd:nth-of-type(4n) {margin-right: 0px;}
.solu04  dl dd h4 {font-size: 24px;font-weight: bold;color: #333333;position: relative;}
.solu04  dl dd h4::after {position: absolute;content: "";width: 44px;height: 3px;background-color: var(--dex);bottom: -20px;left: 0px;}
.solu04  dl dd h6 {font-size: 16px;color: #999999;display: flex;align-items: center;}
.solu04  dl dd h6  span {font-size: 16px;color: #999999; margin-left: 3px;}
.solu04  dl dd p {font-size: 14px;color: #fff;line-height: 26px;display: none;}
.solu04  dl dd:hover p {display: block;}
.solu04  dl dd:hover h6 {display: none;}
.solu04  dl dd:hover {background-color: var(--dex);}
.solu04  dl dd:hover h4 {color: #fff;}
.solu04  dl dd:hover h4::after {background-color: #fff;}
.solu05 {padding: 100px 0;background-color: #f5f5f5;}
.solu05 .swiper {overflow: hidden;}
.solu05 .box img { height: 259px; width: auto; margin: auto; max-width: 100%; }
.solu05 .box {padding: 40px 40px 60px; background-color: #ffffff;}
.solu05 .box .bot {margin-top: 44px;}
.solu05 .box .bot h4 {    font-size: 31px; color: #333333; font-weight: bold; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid #ddd;}
.solu05 .box .bot h5 {     min-height: 24px; font-size: 18px;color: #666666;margin-bottom: 15px;}
.solu05 .box .bot p {       height: 60px; font-size: 16px; color: #666666; line-height: 30px; margin-bottom: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; min-height: 84px;}
.solu05 .box .bot .more {background-color: transparent;color: var(--dex);    width: 127px;}
.solu05 .box .bot .more:hover {color: #fff;}
.solu05 .box .bot .more::after {background-color: var(--dex);}
.solu05 .bot_cc {margin-top: 30px;position: relative;}
.solu05 .bot_cc .fa {top: 45%; display: flex;justify-content: center;align-items: center; background-image: none;margin: auto;padding: auto;width: 65px;height: 65px;border-radius: 50%;border: 1px solid #c7c7c7;font-size: 30px;color: #c7c7c7;}
.solu05 .bot_cc .fa:hover {background-color: var(--dex);color: #fff;border-color: var(--dex);}
.solu05 .bot_cc .fa-angle-left {left: -108px;}
.solu05 .bot_cc .fa-angle-right {right: -108px;}
.solu05 .box:hover img {transform: scale(1.1);}
.solu05 .box:hover  h4 {color: var(--dex);}


/* 案例表单 */
#goodcover{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 133%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
#code{    width: 50%; height: auto; background-color: #fff; padding: 10px; position: fixed; top: 50%; display: none; left: 50%; z-index: 1002; padding: 30px; border-radius: 4px; transform: translate(-50%, -50%); }
#code #closebt{ color: #666;font-size: 16px;float: right;width: 40px;height: 40px;border: 1px solid #ccc;text-align: center;line-height: 40px;border-radius: 50%;}
#code .wpcf7{}
#code .wpcf7 .wpcf7-form{ display: block;overflow: hidden;width: calc(100% - 100px);margin: 0 auto;} 
#code .wpcf7 .wpcf7-form p{ display: block;line-height: 1em;font-size: 15px;font-weight: bold;    color: #666;margin: 0 0 5px 0;}
#code .wpcf7 .wpcf7-form p span{ display: block;overflow: hidden;position: relative;margin: 0 0 30px 0;}
#code .wpcf7 .wpcf7-form p span input{     outline: none; background-color: #f1f2f3;display: block;border: 1px solid #ddd;height: 40px;width: calc(100% - 2px);font-size: 16px;text-indent: 1em;color: #333; font-weight: normal;}
#code .wpcf7 .wpcf7-form p span span{}
#code .wpcf7 .wpcf7-form .more{width: 130px; height: 36px; line-height: 34px; cursor: pointer; color: #fff;}
#code #closebt:hover{color: var(--dex);border: 1px solid var(--dex);}
#code .wpcf7 .wpcf7-form .more:hover {color: var(--dex);}
#wpcf7-f2464-o1 .ddtt{}
#wpcf7-f2464-o1 .ddtt h3{ display: block;font-size: 26px;font-weight: bold;text-align: center;margin:10px 0;    color: #333;}
#wpcf7-f2464-o1 .ddtt h4{ display: block;text-align: center;color: #333;letter-spacing: 0;font-size: 14px;margin: 30px 0;}





@media screen  and (min-width:1650px) and (max-width:1800px){
    .icenter1 {width: 1600px;}
    .pro02_2 .seg .fa-angle-right { right: -24px; }
    .pro02_2 .seg .fa-angle-left { left: -24px; }
}



@media screen and (max-width:1600px) {
  .fx  {margin-top: 500px;}
  .head { height: 80px;}
  .div1 .head .right ul li { font-size: 16px; margin: 0 16px; line-height: 80px; }
  .div1 .head .op .lang { width: 150px; height: 36px; border-radius: 30px; }
  .div1 .head .op .lang img { width: 20px; margin-right: 8px;}
  .div1 .head .op .lang a { font-size: 16px; }
  .div1 .head .op .lang a:nth-of-type(2) { margin: 0 12px; }
  .div1 .head .op .lang a:nth-of-type(2)::before { left: -7px; top: 50%; height: 14px; width: 1px; }  
  .div1 .head .op .lang a:nth-of-type(2)::after { right: -7px; top: 50%; height: 14px; width: 1px; }  
  .div1 .head .op .search { font-size: 17px; margin-right: 20px; }
  .div1 .left a img { width: 170px; }
  .div1 .head .right ul {width: 68%; }
  .div1 .head .right { width: 73%;}
  .i_banner .box h3 { font-size: 75px; margin-bottom: 8px;    line-height: 66px; }
  .i_banner .box h4 { font-size: 26px; margin-bottom: 36px; }
  .more {     font-size: 12px; width: 123px; height: 32px;}
  .more >span {font-size: 12px;}
  .more::after {font-size: 12px;} 
  .i_banner .box a::after { padding-left: 0px; }
  .i_banner .box a i { width: 30px; height: 30px;}
  .i_banner .box a i img { width: 14px;}
  .i_banner .box a { padding-left: 21px; padding-right: 4px;    font-size: 12px; }
  .i_banner .road .fa { font-size: 22px;}
  .i_banner .road .content .sp_1 { font-size: 24px; height: 23px; line-height: 23px; }
  .i_banner .road .content { margin: 0 16px; font-size: 24px; height: 23px; line-height: 23px; }
  .i_banner .road .content .sp_2 { font-size: 14px; height: 14px; line-height: 14px; }
  .i_banner .tool a { width: 22px; margin-bottom: 20px; }
  .i_banner .tool .scroll span { font-size: 14px; left: 50%; top: -71%; }
  .i_banner .tool .scroll { height: 52px; width: 30px; margin-top: 60px; }
  .i_banner .box .h3_img { width: 600px; margin-bottom: 22px; }
  .icenter {width: 1160px;}
  .icenter2 { width: 1100px; }
  .icenter3 { width: 1100px; }
  .i01 { padding: 90px 0 100px; }
  .i_h3 { font-size: 40px; }
  .i01 .bot { height: 450px; }
  .i01 .bot .left .b_text { font-size: 22px; height: 105px;}
  .i01 .bot .left .date { left: 0px; top: 34px; width: 122px; height: 103px;}
  .i01 .bot .left .date h4 { font-size: 42px; margin-bottom: 2px; height: 41px; line-height: 41px; }
  .i01 .bot .left .date h5 { font-size: 16px; }
  .i01 .bot dl dd .le h4 { font-size: 42px; margin-bottom: 3px; height: 41px; line-height: 41px; }
  .i01 .bot dl dd .le h5 { font-size: 16px; }
  .i01 .bot dl dd .le { margin-right: 55px; }
  .i01 .bot dl dd a { padding: 0 36px; }
  .i01 .bot dl dd .le::after { right: -28px; height: 78px;}
  .i01 .bot dl dd .ri h4 { font-size: 20px; margin-bottom: 8px; }
  .i01 .bot dl dd .ri h5 { font-size: 12px;}
  .i01 .bot dl dd .ri h5 span { top: -1px; }
  .i02 .bot .nav .a { padding: 20px 0;min-height: 94px; }
  .i02 .bot .nav .a .le img { width: 24px; margin-right: 29px; }
  .i02 .bot .nav .a .le span { font-size: 14px; }
  .i02 .bot .nav .a .ri { font-size: 36px; height: 25px; line-height: 21px; }
  .i02 .bot .nav { padding-left: calc((100% - 1160px)/2); }
  .i02 .bot .nav .a .b a { font-size: 12px; line-height: 24px; }
  .i02 .bot .nav .a .b { padding-left: 53px;   padding-left: 53px; max-height: 205px;}
  .i03 {padding: 80px 0 60px;}
  .i03 .swiper-slide .box img { height: 56px;}
  .i03 .swiper-slide-active .box img { height: 317px; }
  .i03 .swiper-slide .box h4 {     font-size: 12px; margin-top: 5px; }
  .i03 .swiper-slide-active .box h4 { font-size: 34px; }
  .i03 .bot .box h5 { font-size: 14px; line-height: 24px; width: 493px; }
  .i03 .icenter { height: 435px; }
  .i03 .swiper-slide {height: 435px;position: relative;}
  .i03 .bot::before {height: 150px;left: -78%;top: 44%;}
  .i03 .bot::after { height: 150px; right: -78%; top: 44%; }
  .i03 .bot .fa {width: 38px; height: 38px; top: 43%;}
  .i03 .bot .fa img { width: 18px; }
  .i03 .bot .fa-left { left: 10px; }
  .i03 .bot .fa-right { right: 10px; }
  .i03 .top { margin-bottom: 4px;}
  .i04 { padding: 120px 0; margin-bottom: 120px; }
  .i04 p { font-size: 18px; line-height: 32px; margin: 21px 0 30px;width: 38%; }
  .i04 dl { margin-top: 40px; width: 40%;}
  .i04 dl dd img { width: 40px; }
  .i04 dl dd span { font-size: 14px; margin-top: 12px; }
  .i04 .bg { top: 120px; height: 607px;}
  .i04 dl dd{    margin-bottom: 30px;}s
  .i05 .left .text .icon img { width: 42px; }
  .i05 .left .text .icon { margin-bottom: 16px; }
  .i05 .left .text .i_h3 { margin-bottom: 20px; }
  .i05 .left .text p { padding-top: 23px; font-size: 16px; line-height: 28px; margin-bottom: 56px; width: 462px; }
  .i05 .left .text { left: 12%;}
  .i05 .right p { font-size: 14px; margin-bottom: 42px; }
  .i05 .right { padding: 79px 52px 36px;}
  .i05 .right .cc h4 { font-size: 16px; margin-top: 4px; }
  .i05 .right .box .swiper { width: 246px; height: 118px; }
  .i05 .right .box { margin-bottom: 135px; }
  .i05 .right .box .i05Swiper_S_ri-prev, .i05 .right .box .i05Swiper_S_ri-next { font-size: 24px; top: 185px; width: 40px; height: 40px;}
  .i05 .right .box .i05Swiper_S_ri-prev img, .i05 .right .box .i05Swiper_S_ri-next img { width: 19px; }
  .i05 .right .box .i05Swiper_S_ri-prev { left: 31%!important; }
  .i05 .right .box .i05Swiper_S_ri-next { right: 31%!important; }
  .i05 .right .num .sp_1 { font-size: 14px; }
  .i05 .right .num .sp_2 { font-size: 14px; }
  .i05 .right .num .line { width: 16px; margin: 0 9px; }
  .i06 { padding-top: 100px;}
  .i06 .top h4 { font-size: 24px;}
  .i06 .top .i_h3 { margin: 9px 0 36px; }
  .i06 .top .i_h3::after { width: 36px; height: 3px; bottom: -19px;}
  .i06 .top p { font-size: 14px; }
  .i06 .top { margin-bottom: 32px; }
  .i06 .bot { padding: 120px 0 100px;}
  .i06 dl { height: 284px;}
  .i06 dl dd { width: 160px;}
  .i06 dl dd:nth-of-type(1) { left: 0px; top: 71px; }
  .i06 dl dd:nth-of-type(2) { left: 124px; top: 0px; }
  .i06 dl dd:nth-of-type(3) { left: 124px; top: 141px; }
  .i06 dl dd:nth-of-type(4) { left: 247px; top: 71px; }
  .i06 dl dd:nth-of-type(5) { left: 372px; top: 0px; }
  .i06 dl dd:nth-of-type(6) { left: 372px; top: 141px; }
  .i06 dl dd:nth-of-type(7) { left: 496px; top: 71px; }
  .i06 dl dd:nth-of-type(8) { left: 619px; top: 0px; }
  .i06 dl dd:nth-of-type(9) { left: 619px; top: 141px; }
  .i06 dl dd:nth-of-type(10) { left: 743px; top: 71px;}
  .i06 dl dd:nth-of-type(11) { left: 866px; top: 0px; }
  .i06 dl dd:nth-of-type(12) {  left: 866px; top: 141px; }
  .i06 dl dd:nth-of-type(13) {  left: 988px; top: 71px; }
  .i06 dl dd .core { width: 80%;}
  footer { padding: 40px 0 20px;}
  footer .logo { width: 184px; }
  footer .mid { margin-top: 22px; }
  footer .mid .f_nav h4 a { font-size: 16px; }
  footer .mid .f_nav .min a { font-size: 13px; margin-bottom: 6px; }
  footer .mid .f_nav h4 { padding-bottom: 8px; margin-bottom: 8px; }
  footer .bot .share{margin-bottom: 10px;}
  footer .mid .f_nav h4::after { width: 23px; }
  footer .mid .f_nav { width: 165px;}
  footer .mid dl { margin-bottom: 18px; }
  footer .zixun { padding: 14px 0;}
  footer .zixun h4 { font-size: 15px; margin-bottom: 4px; }
  footer .zixun a { font-size: 22px; margin-bottom: 2px; }
  footer .zixun p { font-size: 12px; line-height: 22px; }
  footer .bot { padding-top: 16px;}
  footer .bot .share a { margin-right: 6px; width: 26px; height: 26px; font-size: 12px;}
  footer .bot .power .t_power .p_a { font-size: 12px;}
  footer .bot .power .t_power a:nth-of-type(1) { padding: 0 8px; margin: 0px 8px; }
  footer .bot .power .t_power a:nth-of-type(1)::before { height: 12px;}
  footer .bot .power .t_power a:nth-of-type(1)::after { height: 12px;}
  footer .bot .power .b_power span { font-size: 12px; margin-right: 3px; }
  footer .bot .power .b_power a { font-size: 12px; }
  footer .bot .power .b_power a:nth-of-type(2) { padding: 0 8px; margin: 0 8px; }
  footer .bot .power .b_power a:nth-of-type(2)::before, footer .bot .power .b_power a:nth-of-type(2)::after{ height: 12px;}
  footer .bot .ri ul li { margin-left: 12px; }
  footer .bot .ri ul li span { font-size: 12px; margin-top: 6px; }
  footer .bot .ri ul li img { width: 72px; }
  footer { border-bottom: 4px solid var(--dex); }


  /* cb-linl */
  .cb-link a { height: 50px; width: 50px;}
  .cb-link { width: 50px;}
  .cb-link a i { font-size: 19px;}
  .cb-link a .fa-whatsapp { font-size: 23px; }
  .cb-link a p.ewmjpg { margin-top: -55px; height: 110px; padding: 10px; }
  .cb-link a p { padding: 0 15px; font-size: 14px; }

 .com_nav a { padding: 0 24px; font-size: 17px; }
 .com_nav.active { top: 80px;}
 .com_nav { top: -70px; height: 70px; }
 .com_nav .icenter3 .le { font-size: 24px;}
  .innerbanner img { height: 500px; }
  .innerbanner .text h3 { font-size: 50px; margin-bottom: 12px; line-height: 59px; }
  .innerbanner .text h4 { font-size: 20px; }
  .com01 { padding: 120px 0 100px; }
  .com01 .top .le h3 { font-size: 30px; line-height: 44px; margin-bottom: 22px; }
  .com01 .top .le p {     font-size: 12px; line-height: 24px; height: 169px; overflow-y: scroll; padding-right: 5px; text-align: justify;}
  .com01 .top .le p::-webkit-scrollbar { height: 1px; width: 3px; }
  .com01 .top .le p::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
  .com01 .top .le p::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }
  .com01 .top .le h4 { font-size: 20px; line-height: 30px; margin-bottom: 14px; }
  .com01 .top .le h4::before { width: 54px; height: 2px; top: -14px; }
  .com01 .ri video { height: 378px;}
  .com01 .top .le {top: 0px;}
  .com01 .ri .bo img { width: 70px; }
  .com01 .con_wen { font-size: 12px; right: -19px; top: 25px;}
  .com01 dl { margin-top: 33px; }
  .com01 dl dd img { height: 50px; }
  .com01 dl dd strong { font-size: 48px; line-height: 42px;}
  .com01 dl dd h4 { font-size: 60px; margin: 20px 0 10px; }
  .com01 dl dd span { font-size: 16px; }
  .com02 .left .title { font-size: 26px; line-height: 36px;}
  .com02 { height: 530px; }
  .com02 .left .wen { width: 252px; font-size: 16px; padding-bottom: 8px; transform: rotate(90deg); left: -27%; top: 35%; }
  .com02 .choose_list .choose_txt .yc p img { width: 55px; margin-bottom: 28px; }
  .com02 .choose_list .choose_txt .yc p span { font-size: 22px; }
  .com02 .choose_list .choose_txt .yc .text { font-size: 14px; line-height: 26px; margin: 24px 0 49px; }
  .com02 .choose_list .choose_txt>a:hover .yc p { margin-bottom: 34px; }
  .com02 .choose_list .choose_txt .yc .text::before { width: 36px; height: 2px; top: -18px;}
  .com02 .choose_list .choose_txt>a:hover .yc p img { margin-bottom: 45px; }
  .com02 .choose_list .choose_txt>a>h3>.yc { bottom: -38%;}
  .com03 { padding: 90px 0; }
  .pagemap .maps .tt h3 { font-size: 40px; margin-bottom: 30px; }
  .pagemap .maps .tt h4 { font-size: 16px; line-height: 28px;}
  .pagemap .maps .tt h4::before { left: 2px; top: -17px; width: 38px; height: 3px; }
  .com06 { padding: 65px 0; }
  .com06 .icenter3 h4 { font-size: 18px; margin-bottom: 6px; }
  .com06 .icenter3 h5 { font-size: 28px; margin-bottom: 28px; }
  /* .com04 { padding: 90px 0 90px; } */
  .com04 h3 { font-size: 40px; margin-bottom: 70px;}
  .com04 dl dd h5 { font-size: 26px; margin-bottom: 10px; }
  .com04 dl dd p { font-size: 14px; line-height: 26px; margin-bottom: 21px; height: 55px; }
  .com04 dl dd span { font-size: 20px;}
  .com04 dl dd { padding: 81px 36px 38px;}
  .com04 dl dd .icon { width: 124px; height: 124px;}
  .com04 dl dd .icon img { width: 54px; }
  .com05 h3 { font-size: 40px; margin-bottom: 30px; }
  .com05 .bot .le {    width: 613px; height: 520px; padding: 53px 52px 0; }
  .com05 .bot .le .box .seg h4 { font-size: 32px; margin-bottom: 8px; line-height: 30px;}
  .com05 .bot .le .box .seg h4 span { font-size: 16px; margin-left: 6px; line-height: 25px; }
  .com05 .bot .le .box .seg p { font-size: 14px; line-height: 30px; }
  .com05 .bot .le .box .seg { margin-bottom: 34px;}
  .com05 { padding: 140px 0 90px;}
  .com05 .bot .ri { top: 15px; width: 420px; height: 420px;}
  .zy-beyond .yuan { width: 800px; height: 800px; right: -145.4%; margin-top: -447px;}
  .com05 .bot .le .fa-angle-left { left: 52px; }
  .com05 .bot .le .fa { width: 48px; height: 48px; font-size: 26px;}
  .com05 .bot .le .fa-angle-right { right: 0px; left: 120px; }
  .ban-yuan .wrapper, .ban-yuan { width: 50px; height: 50px; }
  .ban-yuan .circle { width: 48px; height: 48px;    clip: rect(0,25px,50px,0);}
  .com05 .bot .ri .swiper p { font-size: 36px;}
  .com05 .bot .ri .swiper { bottom: 45px; width: 174px; }
  .com05 .bot .le .box { height: 410px;}
  .com01 dl dd img{top: 16px;}
  .com05  .bot .le .ban-yuan .box {height: auto;}
  .com02 .bot_nav .g span { font-size: 20px; }
  .com02 .bot_nav .g img { width: 40px; }
  .com02 .bot_nav .g { padding: 18px 6%;}
  .com02 .bot_nav .g::before { height: 3px;}
  .com02 .box .text h4 { font-size: 32px; }
  .com02 .box .text p { font-size: 14px; line-height: 24px; width: 324px; margin-bottom: 43px; margin-top: 24px; }
  .com02 .box .text p::before { top: -13px; left: 0px; width: 40px; height: 2px; }
  .com02 .ding_wen h3 { font-size: 26px; margin-bottom: 10px; }
  .com02 .ding_wen h4 { font-size: 15px; }
  .com02 .ding_wen .icon { width: 129px; margin-right: 10px; opacity: 0.5; }
  .com02 .ding_wen {  left: 6%; top: 14%; }
  .com02 .box .text { z-index: 1; position: absolute; top: 12%; right: 6%; }

  .team01 {padding: 120px 0 100px;}
  .team01 ul { padding: 0 80px 0 90px; margin-bottom: 65px; }
  .team01 ul li h4 strong { font-size: 45px; }
  .team01 ul li h5 { font-size: 14px;  }
  .team01 ul li { width: fit-content; }
  .team01 ul li .icon { width: 115px; left: -30%; top: -50%; }
  .team01 .bot { height: 480px; }
  .team_h3 { font-size: 36px; }
  .team01 .bot .le .team_h3 { margin-bottom: 20px; }
  .team01 .bot .le .content { padding-top: 16px; }
  .team01 .bot .le .content h4 { font-size: 21px; margin-bottom: 19px; }
  .team01 .bot .le .content p { font-size: 13px; line-height: 22px; margin-bottom: 38px; }
  .team02 { padding: 70px 0; }
  .team02 .team_h3 { margin-bottom: 24px; }
  .team02 dl dd .text .le span { font-size: 12px; margin-bottom: 10px; }
  .team02 dl dd .text .le h3 { font-size: 27px; }
  .team02 dl dd .text .icon {right: 12px; top: 12px; width: 91px;}
  .team02 dl dd .text {     padding-bottom: 39px; margin-bottom: 15px;}
  .team02 dl dd h4 { font-size: 15px; }
  .team03 { padding: 100px 0; }
  .team03 .seg:nth-of-type(2) { margin-top: 68px; }
  .team03 .seg .text h4 { font-size: 15px; margin-bottom: 6px; }
  .team03 .seg .text p { font-size: 15px; margin: 11px 0 34px; line-height: 26px; }
  .team03 .seg .text img { width: 56px; }
  .honor01 { padding: 100px 0; }
  .honor01 li a .text h4 { font-size: 45px; margin-bottom: 14px; }
  .honor01 li a .text h5 { font-size: 14px; line-height: 24px; }
  .honor01 li a { padding: 29px 24px 22px 37px; }
  .honor01 li { height: 234px;}
  .honor01 .li1 a .pic { right: 32px; bottom: 21px; }
  .honor01 .li2 a .pic { right: 36px; bottom: 27px; }
  .honor01 .li1 a .pic img, .honor01 .li2 a .pic img { width: auto; height: 80px; }
  .honor02 { padding: 100px 0 110px; }
  .honor02 ul li h4 strong { font-size: 50px; }
  .honor02 ul li .ri h5 { font-size: 16px; margin-bottom: 7px; }
  .honor02 ul li .ri h6 { font-size: 12px; line-height: 20px; }
  .honor02 ul li { padding: 37px 0 19px; }
  .honor02 h3 { font-size: 36px; margin-bottom: 85px; }
  .honor02 .imgbox { top: 180px; }
  .honor02 .wen { left: 395px; top: 31px; font-size: 188px; }

  .honor03 { padding: 100px 0 158px; }
  .honor03 .swiper-wrapper .swiper-slide img { width: 133px; max-height: 189px; transition: 0s; }
  .honor03 .swiper-wrapper .swiper-slide-active img { width: 318px; max-height: 451px; }
  .honor03 .swiper-wrapper .swiper-slide-active { margin-right: 64px !important; }
  .honor03 .com_cc .text h4 { font-size: 14px; }
  .honor03 .com_cc .text h5 { font-size: 18px; }
  .honor03 .fa {width: 18px;height: 39px;}
  .honor03 .soft_h4 {margin-bottom: 34px;}
  .honor03Swiper { height: 470px; }
  .honor03 .com_cc .text h5 { width: 326px; }

  .honor04 { padding: 115px 0 100px}
  .honor04 .box h4 { font-size: 16px; margin-top: 18px; }
  .honor04 .bot { width: 1140px; }
  .fa-dr { top: 40%!important; width: 40px!important; height: 40px!important; font-size: 32px!important;}
  .honor04 .swiper-button-prev { left: -55px; }
  .honor04 .swiper-button-next { right: -55px; }
  /* .imgshow p img { max-width: 344px; } */


  /* pro1 */
  .pro1_1 { padding: 100px 0 20px; }  
  .pro1_h3 { font-size: 36px; }
  .pro1_1 .title p { font-size: 14px; line-height: 26px; padding: 0 15.5%; padding-top: 17px; margin-top: 18px; }
  .pro1_1 .title p::before { top: -2px; left: 50%; width: 58px; height: 2px; }
  .pro1_1 .title { margin-bottom: 32px;}
  .pro1_1 .content .tab-li .img { width: 71px; height: 71px; }
  .pro1_1 .content .tab-li .p1 { font-size: 13px; margin-top: 6px; }
  .pro1_1 .content .tab-li .img { width: 67px; height: 67px; }
  .pro1_2 { padding: 100px 0 105px; }
  .pro1_2 .pro1_h3 { margin-bottom: 24px; }
  .pro1_2 ul li .content .ti h4 { font-size: 23px; margin-bottom: 5px; }
  .pro1_2 ul li .content .ti h5 { font-size: 13px; }
  .pro1_2 ul li .content .jia { font-size: 30px; }
  .pro1_2 ul li .content .ti { margin-bottom: 50px; }
  .pro1_2 ul li { height: 245px;}
  .pro1_2 ul li .cc a::before { left: -3px; width: 3px; height: 56%; top: 4px; }
  .pro1_2 ul li .cc a {     margin-bottom: 7px; font-size: 12px; padding-bottom: 2px; white-space: nowrap; padding-left: 3px; }
  .pro1_3 { padding: 100px 0; }
  .pro1_3 .seg1 .pro1_h3 { margin-left: 50px; }
  .pro1_3 .seg1 h4 strong { font-size: 178px;}
  .pro1_3 .seg1 h4 { line-height: 154px; }
  .pro1_3 .seg1 h4 span { font-size: 22px; line-height: 45px; margin-left: 5px; }
  .pro1_3 .seg1 h4::after { right: 310px; }
  .pro1_3 .seg1 h4::before { left: 257px; }
  .pro1_3 .seg1 p { font-size: 14px; line-height: 24px; margin-top: 23px; }
  .pro1_3tablist { height: 568px; }
  .pro1_3l-text .cc h4 { font-size: 20px; margin-bottom: 12px; }
  .pro1_3l-text .cc p { font-size: 14px; line-height: 24px; }
  .pro1_3l-text .item_icon img { width: 80px; margin-bottom: 18px; }
  .nav-cont-item-bg { top: 142px; height: 162px;}
  .pro1_3tablist .item img { height: 35px; margin-bottom: 5px; }
  .pro1_3tablist .item h3 { font-size: 12px; margin-top: 6px; }
  .pro1_4 dl dd .cc { padding: 30px; }
  .pro1_4 dl dd .cc .icon { width: 48px; }
  .pro1_4 dl dd .cc .bot { padding-top: 36px; margin-top: 16px; }
  .pro1_4 dl dd .cc .bot h4 { font-size: 24px; margin-bottom: 7px; }
  .pro1_4 dl dd .cc .bot p { font-size: 13px; line-height: 24px; }
  .pro1_4 dl dd .cc .bot { padding-top: 60px; margin-top: 16px; }
  .pro1_4 dl dd .content h4 { font-size: 20px; margin-bottom: 16px; }
  .pro1_4 dl dd .content h5 { font-size: 20px; width: 45px; height: 26px; line-height: 30px; }
  .pro1_5 { padding: 100px 0; }
  .pro1_5 .pro1_h3 { margin-bottom: 26px; }
  .pro1_5 .bot { margin-left: calc((100% - 1100px)/2); }
  .pro1_5 .bot .box span { font-size: 18px; margin-top: 8px; }
  .pro1_5 .op .zz .fa:nth-of-type(1) { margin-right: 8px; }
  .pro1_5 .op .fa { width: 34px; height: 34px; font-size: 20px;}
  .pro1_5 .op {margin-top: 34px;}

  .icenter1 {width: 1100px;}
  .pro02_1 { padding: 100px 0 150px; }
  .pro02_1 p { font-size: 15px; line-height: 26px; margin: 10px auto 34px; width: 86%; }
  .pro02_h3 { font-size: 34px; }
  .pro02_1 ul li { padding: 34px 0; width: 160px; }
  .pro02_1 ul { width: 62%;}
  .pro02_1 ul li img { height: 43px; }
  .pro02_1 ul li span { font-size: 15px; margin-top: 18px; }

  .pro02_1 .c1 { position: absolute; left: 79px; bottom: -63px; }
  .pro02_1 .c2 { position: absolute; right: 79px; bottom: -63px; }
  .pro02_1 .c1 svg ,.pro02_1 .c2 svg{width: 250px;}
  .pro02_1 .c1 path {d: path("M 2 0 L 2 50 L 248 50 L 248 2");}
  .pro02_1 .c2 path {d: path("M 248 0 L 248 50 L 2 50 L 2 2");}
  .pro02_1 .c1 .g-rect-fill { stroke-dasharray: 80, 264;}
  .pro02_1 .c1::after, .pro02_1 .c2::after { width: 10px; height: 10px; right: -3px; top: 2px;}
  .pro02_1 .c2::after { left: -3px; top: 2px; }

@keyframes xian1 {
	0% {
		stroke-dasharray: 80, 264;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 80, 264;
		stroke-dashoffset: -344;
	}
}

@keyframes xian2 {
	0% {
		stroke-dasharray: 80, 264;
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dasharray: 80, 264;
		stroke-dashoffset: -344;
	}
}

.pro02_2 { padding-top: 90px;}
.pro02_2 .seg p { font-size: 15px; margin: 12px 0 32px; }
.pro02_2 .seg .box { padding: 33px 28px; }
.pro02_2 .seg .box img { height: 192px; }
.pro02_2 .seg .box .bot h4 { font-size: 20px; margin-bottom: 10px; }
.pro02_2 .seg .box .bot dl dd { font-size: 12px; line-height: 24px; padding-left: 14px; white-space: normal;}
.pro02_2 .seg .box .bot dl dd::before { height: 7px; width: 7px; border: 2px solid var(--dex);}
.solu05 .box img { height: 210px; }
.pro02_2 .seg .box .bot h6 {   font-size: 12px; line-height: 19px; margin-bottom: 15px; white-space: normal; -webkit-line-clamp: 4;    min-height: 76px; }
.pro02_2 .seg .box .bot dl { margin-bottom: 11px; }
.pro02_2 .seg .box .bot { margin-top: 12px; position: relative; }
.pro02_2 .seg .box .bot .more { margin-top: 23px; }
.pro02_2 .seg .fa { font-size: 56px;top: 43%;}
.pro02_2 .seg .fa-angle-left { left: -52px; }
.pro02_2 .seg .fa-angle-right { right: -52px; }
.pro02_2 .seg { margin-bottom: 90px; }
.pro02_2 .seg.seg_lc .box .bot dl{min-height: 96px;}
.pro02_2 .seg.seg_pm .box .bot h6 {     min-height: 72px ; }
.pro02_3 { padding: 100px 0; }
.pro02_3 .right { padding: 50px 80px; }
.pro02_3 .right h4 { font-size: 28px; }
.pro02_3 .right p { font-size: 15px; margin: 8px 0 22px; }
.pro02_3 .right .g .a span { font-size: 13px; }
.pro02_3 .right .g .a { padding: 9px 0;}
.pro02_3 .right .g .a .bot a { font-size: 12px; line-height: 22px;}
.pro02_3 .icenter1 .left .icon { left: 113px; bottom: -31px; width: 130px; height: 130px;}
.pro02_3 .icenter1 .left .icon img { width: 62px; }
.pro02_4 { padding: 130px 0;}
.pro02_4 .wen span { font-size: 130px;}
.pro02_4 .top p { font-size: 16px; margin: 15px 0 20px; }
.pro02_4 .top { margin-bottom: 65px; }
.pro02_4 .wen { right: -169px; width: 757px; top: -5px; }
.pro02_4 ul li .icon img { width: 45px; }
.pro02_4 ul li span { font-size: 16px; margin-top: 26px; }

.pro2_info_banner {   max-height: calc(100% - 167px); margin-top: 80px; min-height: calc(100% - 167px);    padding: 2% 0 2%;}
.pro2_info_banner .ri .title h4 { line-height: 33px; font-size: 36px; margin-right: 8px; }
.pro2_info_banner .ri .title h5 { font-size: 13px; }
.pro2_info_banner .ri p { font-size: 13px; line-height: 24px; padding-top: 11px; margin-top: 14px; margin-bottom: 28px; }
.pro2_info_banner .ri .bottom h4 { font-size: 20px; margin-bottom: 12px; }
.pro2_info_banner .ri .bottom dl dd { width: 53px; }
.pro2_info_banner .ri .bottom dl dd .icon img { width: 33px; }
.pro2_info_banner .ri .bottom dl dd .icon { width: 53px; height: 53px;}
.pro2_info_banner .ri .bottom dl dd span { font-size: 12px; margin-top: 6px; }
.pro2_info_banner .ri .bottom dl { width: 100%; margin-bottom: 18px; }
.pro2_info_banner .ri a { width: 173px; height: 39px; font-size: 14px; }
.pro2_info_banner .ri a span { font-size: 13px; margin-right: 10px;}
.pro2_info_banner .ri a img { width: 13px; top: 0px;}
.pro2_info_banner .le .fa { padding: 0px; height: 44px; width: 44px; font-size: 28px; top: 42%;}
.pro2_info_banner .le .fa-angle-right { right: -30px; }
.pro2_info_banner .le .fa-angle-left { left: -30px; }
.pro2info_show ul li img { width: 38px; margin-right: 13px; }
.pro2info_show ul li span { font-size: 16px; }
.pro2info_show ul li::after { left: 121%; }
.pro2info_show { padding: 20px 0;}
.pro2info_show ul li img { width: 42px; margin-right: 12px; }
.pro2info_show ul li span { font-size: 14px; }

.pro2info_show ul li { min-width: 280px; width: 280px; }


.pro2info_1 { padding: 90px 0; }
.pro2info_h3 { font-size: 34px; margin-bottom: 28px; }
.pro2info_1 ul li img { width: 42px; }
.pro2info_1 ul li .icon { width: 84px; height: 84px;}
.pro2info_1 ul li h4 { font-size: 15px; margin-bottom: 18px; margin-top: 10px; }
.pro2info_1 ul li {  padding: 24px;}
.pro2info_1 ul li h5 { font-size: 12px; line-height: 20px; }
.pro2info_1 ul li h4::after { bottom: -11px; width: 29px; height: 1px; }
.pro2info_2 { padding: 90px 0;}
.pro2info_2 ul li:nth-of-type(2) p { padding-left: 52px; }
.pro2info_2 ul li:nth-of-type(1) p { font-size: 13px; }
.pro2info_2 ul li p { padding: 12px 0; line-height: 23px; font-size: 13px; }
.pro2info_3 { padding: 100px 0 130px; }
.pro2info_3 .swiper .box span { font-size: 14px; margin-top: 16px; }
.pro2info_3 .mid .fa { height: 40px; width: 40px; font-size: 26px;}
.pro2info_3 .mid .fa-angle-left { left: -68px; }
.pro2info_3 .mid .fa-angle-right{ right: -68px; }
.pro2info_3 .bot a { padding: 22px 0; }
.pro2info_3 .bot a .le span { font-size: 16px; }
.pro2info_3 .bot a .le img { width: 18px; margin-right: 17px; }
.pro2info_3 .bot a .ri img { width: 18px; }
.fan { padding: 46px 0;}
.fan { padding-left: calc((100% - 1100px)/2 );}
.fan span { font-size: 16px; }
.fan img { width: 16px; margin-right: 10px; }
.fx1 .content { padding: 90px 0; width: 1000px; }
.fx1 .fan { padding-left: calc((100% - 1000px)/2 ); }
.fx1 .content .left .title { font-size: 24px; margin-bottom: 20px; }
.fx1 .content .left .seg { padding-bottom: 80px; }
.fx1 .content .left .seg .detail { font-size: 16px; line-height: 26px; padding: 22px 0;}
.fx1 .content .right .cc h3 { font-size: 18px; margin-bottom: 18px; }
.fx1 .content .right .cc ul li { margin-bottom: 16px; }
.fx1 .content .right .biao { margin-top: 45px; }
.fx1 .content .right .biao a span { font-size: 12px; }
.fx1 .content .right .biao a img { width: 18px; margin-right: 15px; }
.fx1 .content .left .seg img { width: auto; max-width: 100%; }
.pro3_info_banner { max-height: calc(100% - 80px); margin-top: 80px; min-height: calc(100% - 80px); padding: 4% 0 4%; }

.page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }
.page span { width: 40px; height: 40px; border: 1px solid #cbcbcb; font-size: 16px; margin-right: 16px; }


.ag_h3 { font-size: 32px; }
.join01 .text p { font-size: 14px; margin: 16px 0 72px; line-height: 26px; }
.join01 .text .liao { font-size: 14px; padding-bottom: 4px; }
.join01 { padding: 100px 0; }
.join02 { padding: 90px 0 110px;}
.join02 .top p {font-size: 14px; line-height: 26px; margin: 12px 0 28px;}
.join02 .seg { height: 446px;}
.join02 ul li .text h4 { font-size: 18px;}
.join02 ul li .text h5 { font-size: 14px; line-height: 20px; margin-top: 5px; }
.join02 ul li .icon { width: 34px; margin-right: 18px; }
.join02 ul li .text { width: 196px; }
.join03 .icenter3 { height: 392px;}
.join03 .ri { padding-top: 49px;}
.join03 .ri .box p { font-size: 14px; line-height: 26px; margin-top: 16px; margin-bottom: 82px; }
.join03 .ri .fa { width: 34px; height: 34px; font-size: 25px;}
.join03 { margin-bottom: 114px;}
.join04 p { padding: 0 24px; padding-top: 16px; margin-top: 16px; font-size: 14px; line-height: 26px; }
.join04 { padding: 90px 0 219px; }
.join05 { padding: 90px 0 70px;}
.join05 dl dd { padding: 28px 0 20px;}
.join05 dl dd span { font-size: 14px;}
.join05 dl dd .icon { margin-bottom: 10px; height: 70px; width: 70px;}
.join05 dl dd .icon img { width: 28px; }
.join06 .top p { font-size: 14px; margin: 10px 0 34px;}
.join06 { margin-bottom: 110px; }
.join06 .imgbox {height: 365px;}
.join07 { padding: 110px 0 143px;}
.join07 dl dd span { font-size: 14px; margin-top: 14px; }
.join07 dl dd .icon img { width: 50px; }
.join07 dl dd::after { top: 45px; left: 184px;}
.join07 dl dd .icon { width: 95px; height: 95px;}
.join08 .top { height: 430px;}
.join08 .top .text h3 { margin-bottom: 6px; }
.join08 .top .text h4 { font-size: 24px;}

.join08 .bot .cc { padding: 62px 56px 43px; }
.join08 .bot .cc .le h4 { font-size: 24px; margin-bottom: 8px; }
.join08 .bot .cc .le h5 { font-size: 17px; margin-bottom: 40px; }
.join08 .bot .cc .le a { width: 112px; }
.join08 .bot .cc .ri { width: 101px; }
.join08 { padding-bottom: 310px; }

.jl_banner .text h3 { font-size: 36px; margin-bottom: 8px; }
.jl_banner .text h4 { font-size: 14px; }
.jl { padding: 100px 0 150px;}
.jl dd { padding: 36px 0; }
.jl dd .top .sp1 { font-size: 12px; border-radius: 2px; margin-bottom: 8px; width: 71px; padding: 3px 0; }
.jl dd .top h4 { font-size: 20px; margin-bottom: 8px; }
.jl dd .top .tip h5 span { font-size: 12px; }
.jl dd .top .tip h5 img { height: 13px; margin-right: 5px; }
.jl dd .top .state { font-size: 36px;}
.jl dd .bot .cc h4 { font-size: 15px; margin-bottom: 6px; }
.jl dd .bot .cc p { font-size: 13px; line-height: 26px; }
.jl dd .bot .cc { margin-bottom: 24px; }
.jl dd .bot .you { font-size: 14px;}
.jl dd .bot span { font-size: 14px; }
.jl dd .bot { padding: 34px 0 6px; }
.ag01 { padding: 140px 0; }
.ag01 .text h4 { padding-bottom: 22px; font-size: 14px; margin: 10px 0 21px; }
.ag01 .text p { font-size: 14px; line-height: 28px; }
.ag01 .text h4::after { width: 38px; height: 3px; bottom: -2px; left: 0px; }
.ag02 dl { margin-top: 20px;}
.ag02 dl dd { padding: 74px 50px;}
.ag02 dl dd .text h4 { font-size: 20px; margin-bottom: 4px; }
.ag02 dl dd .text h5 { font-size: 14px; line-height: 24px; }
.ag02 dl dd .icon { margin-right: 20px; width: 65px; height: 65px;}
.ag02 dl dd .icon img { width: 32px; }
.ag02 dl dd .text { width: 332px; }
.ag02 { margin-bottom: 90px;}
.ag03 dl dd { padding: 55px 38px 42px; }
.ag03 dl dd .icon {     width: 94px; height: 94px; border: 5px solid var(--dex); margin-bottom: 18px; }
.ag03 dl dd .icon img { width: 38px; }
.ag03 dl dd h4 { padding-bottom: 13px; font-size: 20px; margin-bottom: 12px; }
.ag03 dl dd p { font-size: 14px; line-height: 24px; }
.ag03 dl dd h4::after { bottom: -3px; height: 4px;}
.ag03 { margin-bottom: 120px; }
.ag04 .text ul li h4 { font-size: 18px; margin-bottom: 5px; }
.ag04 .text ul li h5 { font-size: 13px; }
.ag04 .text ul li { padding-left: 55px; padding-bottom: 50px; }
.ag04 .text ul { margin-top: 40px; }

.ag04 { margin-bottom: 120px; }
.ag05 form { margin-top: 24px; }
.ag05 form .sp .cc label { font-size: 16px; margin-bottom: 10px; }
.ag05 form .sp { margin-bottom: 24px; }
.ag05 form .sp .cc input { font-size: 14px; padding-left: 14px; height: 36px; }
.ag05 form .sp .cc label { font-size: 14px; margin-bottom: 6px; }
.ag05 form .sp { margin-bottom: 18px;}
.ag05 h6 { font-size: 13px; margin-bottom: 48px; }
.ag05 { padding-bottom: 100px; }
.con01 { padding: 110px 0 90px; }
.con01 .text .title p { font-size: 15px; line-height: 23px; margin-top: 4px; }
.con01 .text .title { padding-left: 32px; margin-bottom: 36px; }
.con01 .text ul li span { font-size: 15px; }
.con01 .text ul li img { width: 19px; margin-right: 15px; }
.con01 .text ul li { margin-bottom: 26px; }
.con02 { margin-bottom: 115px;}
.con02 .box .text .title h4 { font-size: 22px;}
.con02 .box .text .title h5 { font-size: 12px; line-height: 24px; height: 44px; margin-top: 5px; }
.con02 .box .text li span { font-size: 13px; }
.con02 .box .text li img { width: 20px; margin-right: 12px; }
.con02 .box .text .title { padding-left: 22px; margin-bottom: 25px; }
.con02 .fa-angle-left { left: -70px; }
.con02 .fa-angle-right { right: -70px; }
.con02 .fa { width: 42px; height: 42px; font-size: 24px; }
.con03 h4 { font-size: 15px; margin: 8px 0 26px; }
.con03 form .sp .cc label { font-size: 15px; margin-bottom: 8px; }
.con03 form .sp { margin-bottom: 22px; }
.con03 form .sp .cc input { font-size: 14px; height: 36px;}
.con03 h6 { font-size: 13px; margin-bottom: 49px; }
.con02 .box .text { padding: 33px 25px 36px; }
.ding {top: -110px;}
.tech01 { padding: 100px 0;}
.tech01 p { margin-top: 12px; font-size: 15px; }
.tech01 dl { margin-top: 38px; }
.tech01 dl dd { padding: 30px 0; }
.tech01 dl dd img { margin-bottom: 12px; height: 40px; }
.tech01 dl dd span { font-size: 13px;}
.tech02 { padding: 90px 0;}
.tech02 .top p { margin: 8px auto 38px; font-size: 14px; width: 70%; line-height: 26px; }
.tech02 .bot .box .text { padding: 66px; }
.tech02 .bot .box .text p { font-size: 14px; line-height: 26px; padding-top: 18px; margin-top: 16px; }
.tech02 .bot .box .text p::before { width: 49px; height: 3px; top: -2px; left: 0px; }
.tech02 .swiper {    position: relative; height: 451px;}
.tech02 .more { margin-top: 45px; width: 234px; height: 46px; font-size: 15px; }
.tech03 .left .text p { font-size: 14px; line-height: 28px; padding-top: 16px; margin-top: 19px; width: 418px; }
.tech03 .left .text p::before { width: 66px;}
.tech03 { height: 420px;}
.tech04 { padding: 100px 0; }
.tech04 .top p { margin: 10px 0 28px; font-size: 14px; line-height: 24px; }
.tech04 dl dd .text { padding: 36px 46px 55px; }
.tech04 dl dd .text h4 { font-size: 20px; }
.tech04 dl dd .text p { margin-top: 14px; padding-top: 14px; font-size: 14px; line-height: 24px;}
.tech04 dl dd .text p::before { width: 40px;}
.tech05 { padding: 100px 0;}
.tech05 dd .text p { font-size: 14px; line-height: 26px; margin-top: 12px; }
.tech05 dd .text { padding: 70px; }
.tech05 dd { margin-bottom: 52px;}
.tech06 { padding: 100px 0;}
.tech06 .top p { margin: 10px 0 28px; font-size: 14px; line-height: 26px; }
.tech06 dl dd .text h4 { font-size: 20px;}
.tech06 dl dd .text h5 { height: 46px; font-size: 14px; line-height: 24px; margin-top: 8px; }
.tech06 dl dd .text { padding: 31px 18px 52px; }

/* news */
.news_top { padding: 90px 00 90px; }
.news_top .bot .swiper-pagination-bullet { width: 9px; height: 9px;}
.news_top .bot .swiper-pagination { bottom: -46px;}
.news_com h3 { font-size: 22px; line-height: 33px; margin-bottom: 18px; }
.news_com .t h4 { font-size: 12px; padding: 2px 12px; border-radius: 5px; margin-right: 18px; }
.news_com p { font-size: 13px; line-height: 24px;}
.news_com p { margin-bottom: 26px; }
.news_com .a { font-size: 12px;}
.news_com .a img { width: 12px;}
.news_top .le { width: 53%; padding: 58px 90px; }
.news_com .t h5 img { width: 14px; margin-right: 8px; }
.news_com .t h5 span { font-size: 12px;}
.news dd { padding: 55px 0; }
.news dl { margin-bottom: 50px; }
.news .page { padding-bottom: 100px; }

.newshowtxt p { font-size: 16px; line-height: 26px; margin-bottom: 16px; }
.news_banner h4 { font-size: 30px; margin-bottom: 12px; }
.news_banner h5 span:nth-of-type(1) { margin-right: 32px; }
.news_banner h5 { font-size: 14px; }
.newshowtxt { width: 800px; margin: 80px auto 110px; }
.news_banner .text { width: 800px;}
.sxy { margin-top: 60px;}
.sxy a { padding: 14px 0; font-size: 16px; }
.bottomfx { margin-top: 40px;}
.bottomfx dd span { font-size: 18px; line-height: 36px; margin-right: 18px; }
.bottomfx dd .share a { width: 36px; height: 36px; line-height: 36px; margin-right: 8px; font-size: 15px; }


/* solution */
.solu01 { padding: 100px 0; }
.solu01 .icenter3 { padding: 0 80px;}
.solu_h3 { font-size: 34px; }
.solu01 h4 { font-size: 19px; padding-top: 20px; margin-top: 17px; margin-bottom: 15px; }
.solu01 p { font-size: 15px; line-height: 27px; }
.solu02 { padding: 100px 0;}
.solu02 dl dd { padding: 60px 20px; }
.solu02 dl dd img { height: 40px; margin-bottom: 14px; }
.solu02 dl dd h4 { font-size: 19px; margin-bottom: 16px; padding-bottom: 14px; }
.solu02 dl dd p { font-size: 13px; line-height: 24px; }
.solu02 dl { margin-top: 26px;}
.solu03 .icenter3 .bot .text h4 { font-size: 24px; margin-bottom: 26px; }
.solu03 .icenter3 .bot .text .cc div dd span { font-size: 14px; line-height: 26px; } 
.solu03 .icenter3 .bot .text .cc div dd h6 { font-size: 14px; line-height: 26px; }
.solu03 .icenter3 .bot .text .cc h5 span { font-size: 17px;}
.solu03 .icenter3 .bot .text .cc div { font-size: 14px; line-height: 26px; margin-top: 14px; }
.solu03 .icenter3 .bot .text { padding-right: 70px; }
.solu03 { padding: 100px 0 80px; }
.solu03 .icenter3 .swiper { padding: 70px 0 70px; }
.solu03 .icenter3 .content .fa { width: 52px; height: 52px; font-size: 27px;}
.solu03 .icenter3 .content .fa-angle-left { left: -83px; }
.solu03 .icenter3 .content .fa-angle-right { right: -83px; }
.solu04 dl { margin-top: 28px; }
.solu04 dl dd h4 { font-size: 18px;}
.solu04 dl dd h4::after { width: 32px; height: 3px; bottom: -16px;}
.solu04 dl dd h6 { font-size: 13px;}
.solu04 dl dd{ height: 168px;}
.solu04 dl dd a { padding: 36px 33px 25px; }
.solu04 dl dd p { font-size: 12px; line-height: 22px; }
.solu04 {     margin-bottom: 0px; padding: 90px 0 75px;}
.solu05 .box {     padding: 34px 30px 42px; }
.solu05 .box .bot h4 { font-size: 24px; padding-bottom: 8px; margin-bottom: 12px; }
.solu05 .box .bot h5 {        font-size: 12px; line-height: 26px; margin-bottom: 9px;}
.solu05 .box .bot p {     min-height: 74px;font-size: 12px; line-height: 26px; margin-bottom: 27px;     }
.solu05 .box .bot .more { width: 112px; }
.solu05 .bot_cc .fa { width: 52px; height: 52px; font-size: 27px;}
.solu05 .bot_cc .fa-angle-left { left: -83px; }
.solu05 .bot_cc .fa-angle-right { right: -83px; }
.solu05 .box .bot { margin-top: 25px; }


/*.pro3info_add  */
.pro3info_add { height: 402px; }
.pro3info_add dd .text h4 { padding-bottom: 20px; margin-bottom: 20px; font-size: 34px; }
.pro3info_add dd .text p { width: 76%; font-size: 14px;}
.pro3info_add dd .text { width: 76%; }
.pro3info_3 .more { margin: 0px 0 80px; width: 187px; }


/* 案例表单 */
#wpcf7-f2464-o1 .ddtt h4 { font-size: 13px; margin: 20px 0; }
#code .wpcf7 .wpcf7-form p { font-size: 13px;}
#code .wpcf7 .wpcf7-form p span input { height: 33px; width: calc(100% - 2px); font-size: 14px; }
#code { width: 54%;}
#code .wpcf7 .wpcf7-form p span { margin: 0 0 20px 0; }



}